在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

Here is an excellent breakdown on how nth-child works at CSS Tricks.

Answer 3

你可以这样做

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

查看此jsfiddle