Hi 您目前尚未登陆
请选择 进入手机版 | 继续访问电脑版

上官雨伦

2006年接触 Discuz。原Discuz! Support Team 开发团队成员、New.Discuz! Support Team 开发团队负责人,致力于网页前端设计。曾任职河北省张家口市职业技术学院教师。现任职于北大青鸟张家口校区讲师。

利用Jquery给前几个元素添加选择器 heatlevel

2019-08-09 06:50:00 发布

JaveScript 528 0 0

上官雨伦Writer

张家口市 | 博主、教师

80

主题

85

帖子

86

积分

Admin

Rank: 16

积分
86
发表于 2019-8-9 06:50 | 显示全部楼层 |阅读模式 [离线请留言]
今天在做页面时,需要解决一个很尴尬的问题。
因为是用<!--{loop}-->在<ul>里循环出12个<li>,而在这当中,需要给前6个添加选择器“list-1”,后面6个添加选择器“list-2”
如果loop2次,那无疑是一个很庞大的工程量,于是尝试使用Jquery来解决。
从网上找了一些资料,整理了一下得出以下语句
  1. $('ul.infobox').find("li:eq(0),li:eq(1),li:eq(2),li:eq(3),li:eq(4),li:eq(5)").addClass('list-1');
复制代码
  1. $('ul.infobox').find("li:eq(6),li:eq(7),li:eq(8),li:eq(9),li:eq(10),li:eq(11)").addClass('list-2');
复制代码
在这里需要特别注意的是eq() 是从0开始计算的。

0 使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

当前话题还没有评论,来做第一个评论的人吧 ♪(^∇^*)

');