将类添加到 LI 中,每 7 个项目使用 JQuery LI

Adding classes to LI with JQuery LI to every 7th item

本文关键字:LI 项目 JQuery 添加      更新时间:2023-09-26

我正在使用此代码为每个第 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 个第 l 项添加一次类。

尝试:

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

这将选择每 7 个元素。

参见jsFiddle上的演示。

使用 Jquery eq

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

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