javascript - 使用 JQuery LI 向 LI 添加类到每 7 个项目

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 li 项目添加一个类。

Answer 1

尝试：

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

这将选择每 7 个元素。

请参阅jsFiddle 上的演示。

Answer 2

使用 Jquery eq

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

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