ITPub博客

首页 > IT职业 > IT生活 > jquery中向上遍DOM树的方法有哪些?

jquery中向上遍DOM树的方法有哪些?

IT生活 作者:HEDAODI 时间:2021-09-11 10:01:01 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教程。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1354/viewspace-2830945/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    107
  • 访问量
    1129