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

10-05 21:02
查看更多