Question

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

我希望每个第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>

我可以做2：奇数/偶数，但如何用3做？

Answer 1

尝试

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

随意整合它以使其更漂亮，但我想揭露选择器。

Answer 2

我推荐这样的东西：

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

每隔一天添加一次

2 个答案: