将类添加到 LI 中,每 7 个项目使用 JQuery LI
Adding classes to LI with JQuery LI to every 7th item
我正在使用此代码为每个第 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");
相关文章:
- 隐藏/显示包含单词的ul li项目.但只能入住李的子女
- 如何让li项目在这个jQuery列表中滑动和/或淡出视图
- 使用下划线一个接一个地替换每个项目(li)
- 更改js中的li项目符号颜色
- 难倒了将功能应用于所有 li 项目
- 将类添加到 LI 中,每 7 个项目使用 JQuery LI
- 从 ul li jquery 获取所选项目
- 如何在HTML中的li项目上创建右键单击自定义菜单
- 棱角分明.js NG重复的带有HTML内容的LI项目
- 当我在父 li 上选择一个项目时,如何在它上添加一个活动类.使用 JavaScript
- on单击li项目上的事件,以更改文本字段
- jQuery子菜单:LI项目仍在切换
- 从本地存储中清除选中的li项目
- 在单独的UL中搜索匹配的LI项目
- .first('li)选择列表中第一个不起作用的项目
- 格式错误的HTML:如何不在空的li元素上显示项目符号
- 试图让导航切换到关闭后,li项目已被选中
- 上下移动Ul-Li中的项目
- 无法更改 UL 中所选 li 项目的背景颜色
- 如何动态地添加一个类到li项目,并使用javascript和css改变它的背景颜色