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

时间:2015-10-22 20:07:56

标签: jquery jquery-selectors

是否有办法编写jQuery选择器( 成为选择器),它将选择包含直接特定parent的所有child元素后裔?这相当于此xpath:parent[child]

我已经尝试过以下内容:

$("parent > child")

不起作用。它选择子元素而不是父元素。

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

不起作用。我需要完全包含在选择器中的功能。在查看祖先(例如closest())和后代(find())时,我需要选择器才能工作。

$("component:has(section)")

不起作用。它选择将子项作为更深层后代的额外父元素。

这与另一个question类似,但我需要答案才能成为选择器。

1 个答案:

答案 0 :(得分:3)

您使用:has() selector时更正了,但您需要指明您只是寻找直接的孩子。

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

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