jquery - 如何使用 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

索引被传递给 .each() 方法，您不必重新发明轮子:

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

Updated fiddle .