使用 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

使用 jQuery 的 every 函数执行嵌套循环：http://jsfiddle.net/alr3/FxmC7/

Answer 2

使用 .each() 两次，一次用于父 ul 元素，然后用于子元素：

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

Answer 3

我会在课堂上进行每个操作，然后在孩子们的每个过程中进行操作。