javascript - 每 4 个元素重复列表中的类

Question

我需要每列出 4 个元素创建一个类循环，如下所示:

<ul class="list">
 <li class="1">Element 1</li>
 <li class="2">Element 2</li>
 <li class="3">Element 3</li>
 <li class="4">Element 4</li>
 <li class="1">Element 5</li>
 <li class="2">Element 6</li>
 <li class="3">Element 7</li>
 <li class="4">Element 8</li>
<ul>

我正在使用以下 jquery 代码来添加类:

jQuery(document).ready(function(){
  $(".list li").each(function(i) {
    $(this).addClass("color-" + (i+1));
  });
});

知道我能做什么吗？谢谢

Answer 1

试试这个:

jQuery(document).ready(function(){
  $(".list li").each(function(i) {
    var num = (i % 4) + 1;
    $(this).addClass("color-" + num);
  });
});