jQuery技术

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

字号+ 作者:H5之家 来源:H5之家 2016-12-18 11:04 我要评论( )

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

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

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

具体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")

您可能感兴趣的文章

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 用JQuery实现表格隔行变色和突出显示当前行的代码

    用JQuery实现表格隔行变色和突出显示当前行的代码

    2016-12-18 10:02

  • 6 个精彩的 jQuery 游戏开发教程

    6 个精彩的 jQuery 游戏开发教程

    2016-12-16 16:00

  • jQuery插件技术研究.pdf

    jQuery插件技术研究.pdf

    2016-12-16 15:06

  • javascript技巧:jquery中$each()方法的使用指南_第3页

    javascript技巧:jquery中$each()方法的使用指南_第3页

    2016-12-16 13:00

网友点评