jQuery parents() 方法

jQuery 中的 parents() 方法用于获取给定选择器的所有祖先元素。它是 jQuery 的一个内置函数。此方法从父元素向上遍历 DOM 树的所有级别，并返回所选元素的所有祖先。

parents() 方法与 parent() 方法相似，因为它们都向上遍历 DOM 树并返回父元素。但区别在于 parents() 方法向上遍历 DOM 树的多个级别，并返回给定选择器的所有祖先，包括祖父、曾祖父等，而 parent() 方法向上遍历一个级别，只返回给定选择器的直接父元素。

语法

上述语法中的 selector 表示要搜索其父元素的选定元素。

上述语法中的 filter 是可选参数，用于指定选择器表达式，该表达式用于缩小祖先的搜索范围。如果我们需要获取多个祖先，我们必须用逗号分隔每个表达式。

示例 1

在此示例中，我们不使用 parents() 方法的可选参数。这里有一个 div 元素，其中包含一个 ul 元素、一个 标题 h4 和一个段落元素。我们正在对标题 h4 应用 parents() 方法来搜索其祖先。在输出中，我们将获取标题 h4 的所有祖先，包括 body 元素。

如果使用 parent() 方法而不是 parents() 方法，则标题 h2 的直接父元素将被突出显示。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

示例 2

在此示例中，我们使用 parents() 方法的可选参数来查找段落元素的 ul 祖先。因此，我们将 ul 作为 parents() 方法的可选值传递。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

Example3

在此示例中，我们使用 parents() 方法获取 段落元素 的多个祖先。我们使用 parents() 方法的可选参数，在所有祖先中只获取段落元素的 ul 和 h4 父元素。

输出

单击给定按钮后，输出将是 -