jquery - 为什么 $ ("div > div") 的工作方式与 $ ("div").children ("div") 不同？

Question

我有一个奇怪的问题，我无法使用正常的嘶嘶声选择器来正确选择 jQuery 中的某些内容:

这两行代码不做同样的事情。

ele.children("div.a > div").addClass("badActive");
ele.children("div.b").children("div").addClass("active");

http://jsfiddle.net/wGvEu/1/

Answer 1

ele.children("div.a > div") 选择都是 div.a 元素子元素的 div(来自> 组合器)和 ele (来自 .children() 调用)。它还意味着 ele 本身代表一个 div.a 元素。

ele.children("div.b").children("div") 选择作为 div.b 子级的 div > 元素，它们本身是 ele 的子元素。 ele 本身可以是任何类型的元素，但它必须包含 div.b 子元素，并且其 div.b 子元素需要有 div child 。

正如 Felix Kling 在上面的评论中所说，您需要使用 .find() 来搜索所有后代。这适用于使用 > 组合器的第一个情况，如 ele.find("div.a > div")。