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

 
更多

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

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

具体jQuery代码:

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

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

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

$(".phpernote 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")
打赏

本文固定链接: https://www.cxy163.net/archives/3778 | 绝缘体

该日志由 绝缘体.. 于 2014年06月29日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: jQuery操作同组元素的第N个元素的方法 | 绝缘体
关键字: , , , ,

jQuery操作同组元素的第N个元素的方法:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter