在jquery中每隔三行添加一个类

Question

<ul id="test">
<li>test</li>
<li>test</li>
<li>test</li> // add a class to this li
<li>test</li>
<li>test</li>
<li>test</li>  // add a class to this li
<li>test</li>
<li>test</li>
<li>test</li> // add a class to this li
</ul>

如何使用jquery在上面的li行中添加一个类的注释。谢谢你。

Answer 1

$('#test > li:nth-child(3n)').addClass('foo');

演示:http://jsfiddle.net/mattball/32tKY/
API文档:http://api.jquery.com/nth-child-selector/

Answer 2

下面是CSS Tricks中n -child的工作原理。

Answer 3

你可以这样做

$(document).ready(function(){
    $('ul li:nth-child(3n)').addClass('blah');
});

查看这个jsfiddle