jQuery的：循環遍歷元素和數量的孩子

Question

我要編號的每個span元素包含列表，總是從1開始，但現在它不斷：

http://jsfiddle.net/QaB76/125/

標記

<li> 
    <span class="1"><span> 
</li> 
<li> 
    <span class="2"><span> 
    <span class="3"><span> 
</li> 
<li> 
    <span class="5"><span> 
    <span class="6"><span> 
</li> 

但我希望它是：

<li> 
    <span class="1"><span> 
</li> 
<li> 
    <span class="1"><span> 
    <span class="2"><span> 
</li> 
<li> 
    <span class="1"><span> 
    <span class="2"><span> 
    <span class="3"><span> 
</li> 

謝謝

次

Answer 1

使用單獨each()迭代的li和span元件

$(document).ready(function() { 
 
    $("li").each(function (i) { 
 
     $(this).find("span").each(function (i) { 
 
      $(this).attr('class', (i + 1)); 
 
     }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<ul> 
 
    <li> <span>test</span> 
 

 
    </li> 
 
    <li> <span>test</span><span>test</span> 
 

 
    </li> 
 
    <li> <span>test</span><span>test</span><span>test</span> 
 

 
    </li> 
 
</ul>