为什么 $(“div > div”) 的工作方式与 $(“div”).children(“div”) 不同？
我有一个奇怪的问题，我无法使用正常的 sizzle 选择器来正确选择 jQuery 中的某些内容：
这两行不做同样的事情。
ele.children("div.a > div").addClass("badActive");
ele.children("div.b").children("div").addClass("active");
I have a weird problem where I can't use the normal sizzle selector to correctly select something in jQuery:
These two lines don't do the same thing.
ele.children("div.a > div").addClass("badActive");
ele.children("div.b").children("div").addClass("active");
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
ele.children("div.a > div")选择都是div.a元素子元素的div（来自 < code>> 组合器）和ele（来自.children()调用）。它还意味着ele本身代表一个div.a元素。ele.children("div.b").children("div")选择作为div.b元素子元素的div，它们本身就是ele的子元素。ele本身可以是任何类型的元素，但它必须包含div.b子元素，并且其div.b子元素需要有div孩子。正如 Felix Kling 在上面的评论中所说，您需要使用 .find() 来搜索所有后代。这适用于使用
>组合器的第一种情况，如ele.find("div.a > div")。ele.children("div.a > div")selectsdivs that are both children ofdiv.aelements (from the>combinator) andele(from the.children()call). It also implies thateleitself represents adiv.aelement.ele.children("div.b").children("div")selectsdivs that are children ofdiv.belements, that themselves are children ofele.eleitself may be any kind of element, but it must containdiv.bchildren, and itsdiv.bchildren need to havedivchildren.As Felix Kling says in the above comment, you need to use
.find()to search all descendants. This applies to your first case with the>combinator, asele.find("div.a > div").可能您想要的是：
ele.find("div.a > div").addClass("active");它仅使用单个 sizzle 选择器即可实现您想要的效果。 BoltClock 关于为什么您的两个示例的工作效果不同的原因是正确的。另一种说法是：
.children()仅获取直接子元素，而.find()将获取“当前”元素下方层次结构中的任何内容。Probably what you want is:
ele.find("div.a > div").addClass("active");That uses the just a single sizzle selector and achieves what you want. BoltClock is right about why your two examples don't work the same. Another way to say it is:
.children()only gets the direct children, whereas.find()will get anything in the hierarchy below the "current" element.