jquery 有哪些方法向上遍历DOM树
jquery中有个功能是遍历DOM树,可以根据一个结构中的一个点就可以找到整个结构的所有的东西,就不用一个个的区查询。本文介绍jquery中向上遍历DOM树的三种方法:1、parent()方法;2、parents()方法;3、parentsUntil()方法。
1、parent()方法
选取被选元素的直接父元素。
<script> var dom = $("[type='radio']").parent()[0];//获取type为radio最近的一个父元素。 console.log(dom);//输出该父元素到控制台。 </script>
2、parents()方法
选取被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。
<script> $("[type='radio']").parents().each(function(){ //将type为radio的所有祖先元素都输出到控制台。 console.log(this); }); </script>
3、parentsUntil()方法
选取介于两个给定元素之间的所有祖先元素。
$(document).ready(function(){ $("span").parentsUntil("div"); });
以上就是jquery中向上遍历DOM树的三种方法,一定要注意parent()方法只会向上一级对DOM树进行遍历哦~更多JavaScript学习推荐:JavaScript教程。
在jquery向上遍DOM树的方法中,parent()和parents()都可以接受可选的选择器表达式,并对选择器对元素进行筛选。但是一个返回的是对象,一个返回的数组,那么这二者肯定 ...