使用jQuery在第三个之后为每个项添加类

Question

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

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

我想要实现的是为<li>第3个附加的每个单词添加一个"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的回答.它更具可读性,语义更正确

Answer 2

这样做:

$('ul.my_class li:gt(2)').addClass('fred');