每隔一天添加一次

dav*_*ker 16 jquery css-selectors

我有一个元素列表,我想以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>
Run Code Online (Sandbox Code Playgroud)

我可以做2:奇数/偶数,但如何用3做?

Mar*_*arc 45

尝试

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

随意巩固它以使其更漂亮,但我想暴露选择器.

  • 要使这个工作解决方案使用:$('ul li:nth-​​child(3n)').addClass('every-third-item-class'); (2认同)