• 技术文章 >Web开发 >JavaScript

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

    宋雪维宋雪维2021-02-01 09:33:53原创1619

    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教程

    专题推荐:js jquery
    上一篇:jquery的遍历方法children()与find()有什么区别? 下一篇:jquery中parent()和parents()有什么区别?

    相关文章推荐

    • python复制文件的方法整理• python如何使用sys.exit()退出程序• python中使用os.path.split()切片• os.system在python中如何调用命令• python os.listdir()解决乱码

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网