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

jQuery 前端之家
前端之家收集整理的这篇文章主要介绍了JQuery遍历元素的父辈和祖先的方法，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

JQuery遍历

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

•

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

    •

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

      •左边的

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

        • 元素是

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

          •两个

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

          •右边的

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

            • 元素是右边的

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

              父类和祖先的遍历

              1.parent()

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

              无<a href="/tag/biaoti/" target="_blank" class="keywords">标题</a>文档

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

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

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

            3.parentsUntil()

            包括该祖先)

            无<a href="/tag/biaoti/" target="_blank" class="keywords">标题</a>文档