Как найти абсолютный индекс() с помощью jQuery?

Question

<nav> 
    <section> 
     <aside> 
    <div class="findthis">111111</div> 
    <div class="findthis">222222</div> 
    <div class="findthis">333333</div> 
    <div class="findthis">444444</div> 
     </aside> 
    </section> 
</nav> 


$('.findthis').each(function(){ 
     var index = $(this).index()+1; 
     $(this).append(" (this element = "+index+")") 
}); 

это работает! (http://jsfiddle.net/3c5TZ/)

но .... когда я делаю/вставить несколько HTML-теги, как это ...

<nav> 
    <section> 
     <aside> 
    <div class="findthis">111111</div> 
      <h2><h2> 
    <div class="findthis">222222</div> 
      <span></span> 
    <div class="findthis">333333</div> 
      <b></b>       
    <div class="findthis">444444</div> 
     </aside> 
    </section> 
</nav> 

он терпит неудачу! (http://jsfiddle.net/3c5TZ/1/)

Любые идеи?

Answer 1

Обратитесь к documentation of index(). В вашем примере jQuery не может действительно знать, какой индекс вы ищете, относительно чего?

Один из способов сделать это является обеспечение выбора для .index():

$('.findthis').each(function(){ 
     var index = $(this).index('.findthis')+1; 
     $(this).append(" (this element = "+index+")") 
}); 

jsFiddle Demo

Другой (в этом случае может быть более эффективным) способом является запуск index() на всей коллекции, и передать элемент в качестве параметра:

var $collection = $('.findthis'); 
$collection.each(function(){ 
     var index = $collection.index(this)+1; 
     $(this).append(" (this element = "+index+")") 
}); 

jsFiddle Demo

Answer 2

использовать .index('.findthis'), чтобы сдержать подсчет только внутри списка .findthis элементов.

демо на http://jsfiddle.net/3c5TZ/5/

также установили недостающую </h2> ошибку

Answer 3

Вы случайно вложенные элементы внутри друг друг.

Изменить это:

<h2><h2> 

к этому:

<h2></h2> 

Тогда она работает просто отлично. Демонстрация: http://jsfiddle.net/Guffa/3c5TZ/14/

Answer 4

Индекс передается методу .each() вам не придется изобретать велосипед:

$('.findthis').each(function(index){ 
    $(this).append(" (this element = " + (index + 1) + ")") 
}); 

Updated fiddle.

Answer 5

$('.findthis').each(function(i){ 
    $(this).append(" (this element = "+i+")") 
}); 

Попробуйте это ...