jquery - 为什么我们在 jQuery 中使用parent()？

Question

所以我正在学习 jQuery，并遇到一个名为parent() 的函数，它允许您访问您选择的任何元素的父元素。所以我的问题是，当我们可以直接选择父元素时，为什么会有这个函数。

Answer 1

至少出于三个原因:

1. 因为 jQuery 的基于集合的性质。 parent() 返回您调用它的 jQuery 集合中元素的父元素的集合。它不仅仅为您提供一个元素的父级，如 parentNode 或 parentElement 属性(如果您没有在循环中使用它们)。

   <

2. 因为您可以向其传递一个可选选择器，这样如果父级与选择器不匹配，您将得到一个空集。

3. 因为它返回一个 jQuery 集，而不是像从 parentNode 或 parentElement 获取的原始元素。这意味着您可以对其调用 jQuery 方法，如 Anuraag Vaidya points out .

考虑这段代码:

// Find `.a` elements
const a = $(".a");

// Find their parent elements
const parents = a.parent();
console.log(parents.length); // 2

// Find only their parent elements that match `.b`
const bParents = a.parent(".b");
console.log(bParents.length); // 1

<div>
    <div class="a"></div>
</div>
<div class="b">
    <div class="a"></div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

您可以在第一个 parent() 调用中看到 jQuery 基于集合的性质，该调用返回一组两个元素(因为每个 .a 元素都是在其自己的父级中)。

您可以在第二个结果中看到它的过滤性质，因为只有一个父元素与 .b 匹配。

<小时/>

只是FWIW，我没有找到parent很有用。 closest对于我需要类似东西的地方更有用，并且 parents当我需要元素的祖先时，(复数)很有用。