如何在 jQuery 中选择元素的所有祖先？

在 jQuery 中，可以使用父级选择器来选择一个元素的所有祖先节点。以下是一些示例。

选择所有祖先元素

要选择一个元素的所有祖先元素，可以使用 parents() 方法。这个方法返回一个包含所有祖先元素的 jQuery 对象。

$('selector').parents()

这里的 selector 是你想要选择的元素的选择器表达式。

选择指定的祖先元素

要选择元素的特定祖先元素，可以使用 parentsUntil() 方法。这个方法返回一个包含从当前元素到指定祖先元素的 jQuery 对象。

$('selector').parentsUntil('ancestorSelector')

这里的 ancestorSelector 是你想选择的祖先元素的选择器表达式。

示例

以下是一个示例，它选择了一个 ID 为 child 的元素的所有祖先元素并将它们的文本内容输出到控制台。

$('#child').parents().each(function() {
  console.log($(this).text());
});

在这个示例中，我们使用 parents() 方法选择了一个 ID 为 child 的元素的所有祖先元素，然后通过 each() 方法迭代这个 jQuery 对象，并将每个祖先元素的文本内容输出到控制台。

总结

在 jQuery 中选择一个元素的所有祖先节点可以使用 parents() 方法，选择元素的特定祖先元素可以使用 parentsUntil() 方法。这两个方法都返回一个包含祖先元素的 jQuery 对象，可以使用它们的方法和属性来操作这些元素。