jquery 选择器——查找根节点的子节点答案

【问题标题】：jquery selectors -- finding a child of the root nodejquery 选择器——查找根节点的子节点
【发布时间】：2009-11-30 09:53:16
【问题描述】：

看起来这应该很简单，但我无法弄清楚如何构造一个选择器，该选择器将只返回根节点的直接子元素。

例如，如果我有一个对 div (myDiv) 的引用，并且我只想选择作为该 div 的直接子级的图像，则以下方法不起作用：

jQuery("div > img", myDiv);

选择器中的“div”似乎与上下文的根不匹配，只有后代，并且没有一个可以给我根的选择器，我不能使用“>”。关于如何选择上下文根的直接子节点的任何其他想法？

【问题讨论】：

【解决方案1】：

你不应该重复 div 标签：

jQuery("> img",myDiv);

【讨论】：

【解决方案2】：

如果 mydiv 是对 jQuery 对象的引用

mydiv.children("img")

其他

$(mydiv).children("img")
jQuery(mydiv).children("img")

【讨论】：

【解决方案3】：

如果你只想要直接后代，你想要children。

jQuery(myDiv).children('img')

或者，如果它是一个 jquery 对象...

myDiv.children('img')

或者，如果没有，你也可以这样做......

jQuery('>img', myDiv)

【讨论】：