jQuery操作同组元素的第N个元素的方法

前端APP 投稿 13700 0 评论

jQuery操作同组元素的第N个元素的方法

jquery操作同组元素的第N个元素的方法。举例如下:

在 class="sfjvip" 下有 3个 ul,现在希望给每个ul下的第5个li元素添加 class="com"

具体jQuery代码:


$(".sfjvip ul li:nth-child(5".addClass("com";

已经成功给每个ul下的第5个li添加class为com

当然,也可以直接添加 CSS 代码:


$(".sfjvip ul li:nth-child(5".css({"padding-right":"5px"};

nth-child:英文中的缩写,n-th,表示第几个,1,2,3分别用 first、second、third 单词,从4开始便为数字的单词+th,如4th、5th、6th等等

获取ul下的第一个li


$("ul li:first-child"

获取ul下的最后一个li


$("ul li:last-child"

编程笔记 » jQuery操作同组元素的第N个元素的方法

赞同 (71) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽