jquery 子元素过滤器 Child Filters

shaka0

于 2014-06-11 16:33:30 发布

阅读量441

点赞数

CC 4.0 BY-SA版权

分类专栏： Yii--jquery

本文链接：https://blog.youkuaiyun.com/shaka0/article/details/30068909

Yii--jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了CSS中的各种子元素选择器，如:nth-child、:first-child、:last-child及:only-child等，这些选择器能够帮助开发者更加精确地定位并选择DOM树中的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.匹配其父元素下的第N个子或奇偶元素</p><p>':eq(index)' 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！ 可以使用: 
nth-child(even) 
:nth-child(odd) 
:nth-child(3n) 
:nth-child(2) 
:nth-child(3n+1) 
:nth-child(3n+2)
在每个 ul 查找第 2 个li: 
$("ul li:nth-child(2)")</p><p>
2.匹配第一个子元素':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素
在每个 ul 中查找第一个 li: 
$("ul li:first-child")
3.匹配最后一个子元素':last'只匹配一个元素，而此选择符将为每个父元素匹配一个子元素
在每个 ul 中查找最后一个 li: 
$("ul li:last-child")
如果某个元素是父元素中唯一的子元素，那将会被匹配,如果父元素中含有其他元素，那将不会被匹配。
//在 ul 中查找是唯一子元素的 li: 
$("ul li:only-child")