jQuery 遍历 - 祖先

在jQuery中，我们可以使用几种方法来遍历或查找元素的祖先元素。

1. .parent()：这个方法返回单个元素的直接父元素。

例如，如果我们有以下HTML：

<div id="parent">
  <div id="child">
    Hello, World!
  </div>
</div>

我们可以使用以下jQuery代码找到id为"child"的元素的父元素：

$('#child').parent();

2. .parents()：这个方法返回所有匹配的祖先元素，从直接父元素开始，以文档的根元素结束。

例如，如果我们有以下HTML：

<div id="grandparent">
  <div id="parent">
    <div id="child">
      Hello, World!
    </div>
  </div>
</div>

我们可以使用以下jQuery代码找到id为"child"的元素的所有祖先元素：

$('#child').parents();

3. .parentsUntil()：这个方法返回从指定的父元素开始直到指定的祖先元素结束的所有祖先元素。

例如，如果我们有以下HTML：

<div id="grandparent">
  <div id="parent">
    <div id="child">
      Hello, World!
    </div>
  </div>
</div>

我们可以使用以下jQuery代码找到id为"child"的元素的所有祖先元素，直到它到达id为"grandparent"的元素：

$('#child').parentsUntil('#grandparent');

以上就是在jQuery中遍历或查找元素的祖先元素的几种方法。