JQuery 选择器帮助

Question

使用 JQuery，如何选择 id 为 y 的元素中具有类 x 的所有元素？

Answer 1

选择 id 为“y”的元素的类 x 的所有后代。

$("#y .x").each(function () {
   $(this) <- your element
});

选择 id 为“y”的元素的类 x 的所有子元素。

$("#y > .x").each(function () {
   $(this) <- your element
});

Answer 2

$('#y .x') 应该为你做。

请注意，这将选择具有 x 类的所有后代，而不仅仅是子代。

Answer 3

$("#x .y").doSomething();

$(".y", "#x").doSomething();

$("#x").find(".y").doSomething();

对于直系孩子：

$("#x > .y").doSomething();

$("#x").children(".y").doSomething();

看看我这里的问题，它会告诉您更多信息，并且涵盖性能。
在 jQuery 中选择后代元素最快的方法是什么？

Answer 4

使用 $("#id .class")

Answer 5

如果你有 id='y' 的元素 1 并且你想要它的所有具有 class='x' 的[直接]子元素

$("#y > .x").each(function(){stuff]);

如果你想要 id='y' 的所有后代（不仅仅是直接的）那么你会这样做：

$("#y").find(".x").each(function(){stuff});

显然，如果您知道元素类型是什么，您可以通过添加元素类型来使其更智能（更好）。例如，如果您只想要 type 的孩子，那么：

$("#y > a.x").each(function(){stuff]);

希望这就是您的意思。