jquery - 使用 jQuery 将类添加到第三个之后的每个项目

Question

我有一个非常简单的 HTML，如下所示:

<ul class="my_class">
<li>List</li>
<li>List</li>
<li>List</li>
<li>List</li>
<li>List</li>
</ul>

我想要实现的是为每个 <li> 添加一个类“fred”附加在第三个 <li> 之后.

这个小函数将其添加到前 3 项中:

$('ul.my_class li:lt(3)').addClass('fred');

提前感谢大家的帮助!

多姆

Answer 1

您可以使用以下脚本:

$('ul.my_class li:nth-child(1n+4)').addClass('fred');

您可以在此处测试结果:http://css-tricks.com/examples/nth-child-tester/

更新:即使获得了一些赞成票，我还是更喜欢 Schiavini's answer 。它更具可读性并且语义更正确