jquery子元素过滤选择器:nth-child、:first-child、:last-child、:only-child
来源:互联网 发布:antlr sql解析 github 编辑:程序博客网 时间:2024/05/21 17:42
全栈工程师开发手册 (作者:栾鹏)
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的列表
阅读全文
1 0
- jquery子元素过滤选择器:nth-child、:first-child、:last-child、:only-child
- 【jQuery】:last-child子元素过滤选择器
- 【jQuery】:first-child子元素过滤选择器
- 【JQuery】:first-child子元素过滤选择器
- css:first-child、last-child、nth-child、 nth-last-child
- jQuery子元素过滤选择器的":nth-child"
- jQuery :nth-child() 选择器
- jquery 的:first-child 和:last-child 选择器实例
- CSS选取第几个标签元素:nth-child、first-child、last-child
- CSS选取第几个标签元素:nth-child(n)、first-child、last-child
- CSS选取第几个标签元素:nth-child、first-child、last-child
- CSS3中first-child、last-child、nth-child、nth-last-child
- jquery 选择器 之 nth-child
- Jquery 选择器(:last-child)详解
- css中的first-child nth-child nth-last-child() 和:nth-of-type(n)
- jQuery 选择器 first-child和first-of-type、 last-child和last-of-type的区别
- 【CSS3】---结构性伪类选择器-first-child+last-child
- 选择器——:nth-last-child(n),
- springmvc执行流程非代码2
- CSU 1805 Tree Capitals(Matrix-Tree定理+Best定理)
- c++连接mysql
- gitlab docker镜像运行中css样式丢失
- BYTE,WORD,DWORD的大小及一些特殊的"高低位宏"
- jquery子元素过滤选择器:nth-child、:first-child、:last-child、:only-child
- 为什么匿名内部类参数必须为final类型
- 网易有道 1,2面
- 牛客网---2016---网易奖学金
- Android Camera 流程学习记录(三)—— Camera hw_get_module() 相关逻辑
- 通达oa破解补丁|通达oa破解版|通达oa补丁下载
- 所有STL中的容器(摘抄)
- springmvc执行流程代码
- Java爬虫(二)--解析一个HTML字符串