jquery遍历(父元素、祖先、后代)
parent:被选元素的直接父元素(只会对上一级DOM元素遍历)
$(document).ready(function(){$("span").parent().css({"color":"red","border":"2px solid red"});
});parents:被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)
$(document).ready(function(){$("span").parents()
})parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
$(document).ready(function(){$("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});
});children():被选元素的所有直接子元素,只会下一级DOM树进行遍历。
$("document").ready(function(){$("div").children()
})
并且可以选定参数对子元素进行过滤
$(document).ready(function(){$("div").children("p.1"); //p标签下面的class="1"
});find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。
$("document").ready(function(){$("div").find("span") //$("div").find(" * ") 表示返回 <div> 的所有后代:
})
jquery遍历(父元素、祖先、后代)相关推荐
- jQuery——遍历DOM元素的后代元素
任务描述 本关任务:用 jQuery 向下遍历 DOM 节点.效果如下: 相关知识 为了完成本关任务,你需要掌握:1.children(),2. find(). 向下遍历DOM节点 基本的html结构 ...
- jquery 遍历父元素、子元素、兄弟元素
寻找父元素 1. parent()方法,只返回被选元素的直接父元素,只遍历到上一级的父元素,返回的是一个元素. 2. parents()方法,返回被选元素的所有父元素,一直向上遍历,直到文档的根元素为 ...
- jquery获取父元素及祖先元素
标题jquery获取父元素及祖先元素 parent()方法和parents()方法都是获取父代元素,使用区别如下: parent是找当前元素的第一个父节点,parents是找当前元素的所有父节点 . ...
- jQuery获取父元素及父节点的方法小结
这篇文章主要介绍了jQuery获取父元素及父节点的方法,结合实例形式总结分析了jQuery针对父元素及父节点操作的常用技巧,需要的朋友可以参考下 本文实例总结了jQuery获取父元素及父节点的方法.分 ...
- jquery 滚动到某个div_如何使用jQuery获取父元素
jQuery获取父元素我们有三种方式可以实现,.parent()..parents()..closest(),下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例. web前端学习:打造 ...
- jquery获得当前元素父级元素_如何使用jQuery获取父元素
jQuery获取父元素我们有三种方式可以实现,.parent()..parents()..closest(),下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例.web前端学习:打造全 ...
- jQuery——遍历DOM元素的兄弟元素
任务描述 本关任务:用 jQuery 遍历 DOM 元素的兄弟元素.效果如下: 相关知识 为了完成本关任务,你需要掌握:1.siblings(),2. next() , nextAll() 3. pr ...
- Jquery找父元素,祖先,子元素,子孙,兄弟节点
jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素,不限于父元素 jQuery.children ...
- jQuery查找子元素与后代元素
子元素: children()方法:返回返回被选元素的所有直接子元素. $().children('选择器') 如选择type为file的子元素 $(this).children("inpu ...
- jQuery 查找父元素
function deletesec1Div5(obj){ $(obj).closest(".sec1-div5").remove();} 自己写的一段代码,实现了table中的全 ...
最新文章
- QIIME 2教程. 28社区Community(2020.11)
- module ‘torchtext.data‘ has no attribute ‘LabelField‘
- C#菜鸟正则表达式一
- 18行代码AC——PTA 二叉树的遍历 (10分)——解题报告
- C#整理1——进制转换
- Java的三种工厂模式
- 研究CV、研究美,MMFashion开源库升级~
- 1000道Python题库系列分享25(40道Pandas客观题)
- TestComplete自动化测试视频教程
- svn 同步 linux,linux SVN 中 配置钩子 实现 线上项目同步
- 极客大学架构师训练营 大数据 三驾马车 GFS、MapReduce、BigTable,Hadoop HDFS 第23课 听课总结
- create-react-app 开发环境编译太慢的解决方案
- 图像处理黑科技——弯曲矫正、去摩尔纹、切边增强、PS检测
- 微信小程序开发资源汇总 awesome-wechat-weapp
- 方舟生存进化怎么自建服务器?方舟生存进化自建服务器教程
- 通灵学院|游戏设计研习10:迭代流程★(2000字)
- 打印excel html js,前端js打印(导出)excel表格的方法实例
- sap增加税码注意事项,进项税调整SAP相应调整
- 间歇性需求预测之Croston‘s method
- [20160213]关于ansi语法.txt