200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > jquery子元素过滤选择器:nth-child :first-child :last-child :only-child

jquery子元素过滤选择器:nth-child :first-child :last-child :only-child

时间:2022-11-26 00:16:36

相关推荐

jquery子元素过滤选择器:nth-child :first-child :last-child :only-child

全栈工程师开发手册 (作者:栾鹏)

jquery系列教程1-选择器全解

jquery子元素过滤选择器

jquery子元素过滤选择器,包括:nth-child、:first-child、:last-child、:only-child,具体功能如代码中注释。

通过冒号前加空格实现。和基本过滤器的区别:基本过滤器冒号前没有空格,基本过滤器对元素进行操作,获取元素列表,此处的过滤器对父元素进行操作,获取子元素列表

代码如下:

$("div :nth-child(2)"); //获取每个div下的第2个子元素,索引从1开始$("div :nth-child(even)");//获取每个div下的索引为偶数的子元素,索引从1开始$("div :nth-child(odd)"); //获取每个div下的索引为奇数的子元素,索引从1开始$("div :nth-child(3n+1)"); //获取每个div下的索引为3n+1的子元素,索引从1开始$("div label:first-child");//获取每个div下的第一个label列表$("div label:last-child");//获取每个div下的最后一个label列表$("div label:only-child");//获取每个div下的是唯一子元素的label的列表

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。