使用jQuery,我可以将连续的数字类添加到列表项中,如下所示:
$(".item-list li").each(function (i) {
$(this).addClass("item-list-" + i);
});
因此,使用这样的HTML结构:
<ul class="item-list">
<li>an item</li>
<li>another item</li>
<li>another item</li>
<li>another item</li>
<li>another item</li>
</ul>
...这将以数字顺序输出漂亮的列表项类:
class="item-list-0"
class="item-list-1"
...等等...
我想做的是从4项开始编号,然后从零开始重新编号。我认为我必须在数字
nth
代码中使用+ i
子级,但是我只是无法找到任何有关此文档的文档。我发现的所有内容都与找到第n个元素有关,但不是在指定数量后开始计数。 最佳答案
您可以使用模数运算符本身执行此操作:
$(".item-list li").each(function (i) {
$(this).addClass("item-list-" + (i%4));
});
输出标记
<ul class="item-list">
<li class="item-list-0">an item</li>
<li class="item-list-1">another item</li>
<li class="item-list-2">another item</li>
<li class="item-list-3">another item</li>
<li class="item-list-0">another item</li>
<li class="item-list-1">another item</li>
<li class="item-list-2">another item</li>
<li class="item-list-3">another item</li>
<li class="item-list-0">another item</li>
</ul>
Demo