JQuery遍历元素的父辈和祖先的方法

JQuery遍历

首先我们要知道 什么是 父亲，儿子，后代，同胞，祖先

• 元素是

的父元素，同时是其中所有内容的祖先。

•

元素是
• 元素的父元素，同时是 的子元素

  •左边的

• 元素是 的父元素，
  的子元素，同时是 的后代。

  • 元素是

  • 的子元素，同时是
    和 的后代。

    •两个

    • 元素是同胞（拥有相同的父元素）。

      •右边的

    • 元素是 的父元素，
      的子元素，同时是 的后代。

      • 元素是右边的

      • 的子元素，同时是
        和 的后代。

        父类和祖先的遍历

        1.parent()

        遍历直接父亲 不往上遍历其它的祖先
        

        2.parents()

        遍历它的所有祖先

        .each(function(i,e){})

        对其中的每个元素进行遍历

        其中i是索引，e是当前对象，相当于$(this),但是前者是js对象，后者是jquery对象。
        

        那你就会问了 第三个和第四个祖先是什么鬼 让我们在网页中按F12调试一下 看看结果

        当i=3 也就是到了第三个祖先 结果是body

         

        当i=4 也就是到了第四个祖先 结果是html

        3.parentsUntil()

        遍历到指定的祖先(不包括该祖先)

        所以范围是在#div4和#div1中间 不包含#div1

        以上这篇JQuery遍历元素的父辈和祖先的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。