jQuery如何操作第N个元素

共计 690 个字符，预计需要花费 2 分钟才能阅读完成。

自动写代码机器人，免费开通

这篇文章给大家分享的是有关 jQuery 如何操作第 N 个元素的内容。丸趣 TV 小编觉得挺实用的，因此分享给大家做个参考，一起跟随丸趣 TV 小编过来看看吧。

jQuery 是一套跨浏览器的 JavaScript 库，简化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前 10000 个访问最高的网站中，有 59% 使用了 jQuery，是目前最受欢迎的 JavaScript 库。

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

在 >

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

感谢各位的阅读！关于“jQuery 如何操作第 N 个元素”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

向 AI 问一下细节