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

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

JQuery遍历

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

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

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

      •左边的

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

        元素是

      • 的子元素,同时是
          的后代。

          •两个

        • 元素是同胞(拥有相同的父元素)。

          •右边的

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

            元素是右边的

          • 的子元素,同时是
              的后代。

              父类和祖先的遍历

              1.parent()

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

              无<a href="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>文档
          • 那你就会问了 第三个和第四个祖先是什么鬼 让我们在网页中按F12调试一下 看看结果

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

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

            3.parentsUntil()

            包括该祖先)

            无<a href="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>文档