jquery中向上遍DOM树的方法有哪些？
宋雪维
2021-02-01 09:33:531980浏览 · 0收藏 · 0评论
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教程。
关注公众号，随时随地在线学习
本教程部分素材来源于网络，版权问题联系站长!
分享到微博
微信扫一扫
流芳
7996
