使用JQuery LI向每个第7项添加类到LI

Question

我正在使用此代码为每个第7个LI项添加一个类，第一个也是第一个：

$('ul li:first, ul li:nth-child(7n)').addClass("first"); 
$('ul li:first, ul li:nth-child(1)').addClass("first"); 

我的问题是它只是将类添加到第1和第7项，但如果我添加另外7或更多，则不会添加它。

我需要每隔7个项目添加一个类。

Answer 1

尝试：

$('ul li:nth-child(7n+1)').addClass("first"); 

这将选择每第7个元素。

请参阅jsFiddle上的demo。

Answer 2

使用Jquery eq

此调用的结果id首先向每个项添加一个类7.注意，提供的索引是从零开始的，并且是指jQuery对象中元素的位置，而不是DOM树中的位置。

 $('ul li').eq(6).addClass("first");