阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      jQuery 遍历 – 祖先

      jQuery 遍历 - 祖先


      祖先是父、祖父或曾祖父等等。

      通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先。


      向上遍历 DOM 树

      这些 jQuery 方法很有用,它们用于向上遍历 DOM 树:

      • parent()
      • parents()
      • parentsUntil()

      jQuery parent() 方法

      parent() 方法返回被选元素的直接父元素。

      该方法只会向上一级对 DOM 树进行遍历。

      下面的例子返回每个 元素的的直接父元素:

      $(document).ready(function(){
        $("span").parent();
      });
      

      jQuery parents() 方法

      parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 ()。

      下面的例子返回所有 元素的所有祖先:

      $(document).ready(function(){
        $("span").parents();
      });
      

      您也可以使用可选参数来过滤对祖先元素的搜索。

      下面的例子返回所有 元素的所有祖先,并且它是 ul 元素:

      $(document).ready(function(){
        $("span").parents("ul");
      });
      

      jQuery parentsUntil() 方法

      parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

      下面的例子返回介于 <span><div> 元素之间的所有祖先元素:

      $(document).ready(function(){
        $("span").parentsUntil("div");
      });
      
      目录
      目录