每 n 次添加一次

Question

我有一个想要以 3 种不同方式设置样式的元素列表。

我希望每个第三个列表项在整个列表中都具有相同的类。

例如：

<li class="A">Some Content</li>
<li class="B">Some Content</li>
<li class="C">Some Content</li>
<li class="A">Some Content</li>
<li class="B">Some Content</li>
<li class="C">Some Content</li>
<li class="A">Some Content</li>
<li class="B">Some Content</li>
<li class="C">Some Content</li>

我可以用 :odd/even 做 2，但是如何用 3 做呢？

Answer 1

我推荐这样的东西：

let i = 0;
$("li").each(function() {
    i++;
    let newClass = 'A';
    if (i % 3 == 1) { newClass = 'B'; }
    if (i % 3 == 2) { newClass = 'C'; }
    $(this).addClass(newClass);
});

Answer 2

试试

$("ul li:nth-child(3n+1)").addClass("A")
$("ul li:nth-child(3n+2)").addClass("B")
$("ul li:nth-child(3n)").addClass("C")

随意合并它以使其更漂亮，但我想公开选择器。