jQuery 具有直系后代的父级选择器

jQuery selector for parent with a direct descendant

有没有一种方法可以编写 jQuery selector(它 必须 成为 selector)将 select 包含特定 child 的所有 parent 元素是直系后代?这相当于此 xpath:parent[child]

我已经尝试过以下方法:

$("parent > child")

无效。它 select 是子元素而不是父元素。

$("component > selector").parent()

无效。我需要将功能完全包含在 selector 中。我需要 selector 在查看祖先(例如 closest())和后代(find())时工作。

$("component:has(section)")

无效。它 select 具有子元素作为更深层后代的额外父元素。

这与另一个 question 相似,但我需要答案是 select 或

您使用 :has() selector 是正确的,但您需要说明您只是在寻找直系子代。

$("component:has(> section)")

基于这个答案:Selecting an element which has another element as direct child。请注意,这不是纯粹的 CSS 选择器,而是特定于 jQuery.

的选择器