添加數字類特定列表使用jQuery

Question

我試着去動態類增加幾列用下面的代碼：

$("ul.list").children().each(function(i) { 
    $(this).addClass("item-" + (i+1)); 
}); 

如果頁面包含一個以上的列表中的數值繼續增加。但我想重置像這樣的每個列表的計數：

<ul class="list"> 
    <li class="item-1></li> 
    <li class="item-2></li> 
    <li class="item-3></li> 
</ul> 

<ul class="list"> 
    <li class="item-1></li> 
    <li class="item-2></li> 
    <li class="item-3></li> 
</ul> 

我該怎麼做？謝謝！

Answer 1

使用。每（）兩次，一次爲母公司UI元素，然後爲孩子們：

$("ul.list").each(function(){ 
    $(this).children().each(function(i) { 
     $(this).addClass("item-" + (i+1)); 
    }); 
}); 

Answer 2

我會在課堂上做每個，然後在每個過程中的孩子。

Answer 3

使用jQuery的每個功能做一個嵌套的循環：http://jsfiddle.net/alr3/ FxmC7/