jQuery | parent() 和 parents()

在 jQuery 中，parent() 和 parents() 是两个常用的方法，用于查找元素的父元素。

parent()

parent() 用于查找元素的直接父元素。

语法

$(selector).parent(filter)

• selector：要查找的元素。
• filter(可选)：一个字符串，用于指定要筛选的元素。

示例

<div>
  <p>这是一个段落。</p>
</div>

$("p").parent(); // 返回div元素

parents()

parents() 用于查找元素的所有祖先元素，包括父元素、祖父元素、曾祖父元素等。

语法

$(selector).parents(filter)

• selector：要查找的元素。
• filter(可选)：一个字符串，用于指定要筛选的特定元素。

示例

<div>
  <ul>
    <li>
      <span>这是一个span元素。</span>
    </li>
  </ul>
</div>

$("span").parents(); // 返回div和ul元素

结论

parent() 方法只返回一个直接的父元素，而 parents() 方法可以返回所有祖先元素。如果要遍历多层祖先元素，建议使用 parents()。