JQuery选择器帮助

Question

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

Answer 1

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

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

选择所有具有类别为“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();

在这里查看我的问题，它会告诉你更多，它涵盖了性能。 What is the fastest method for selecting descendant elements in 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});

显然，如果你知道它们是什么，你可以通过添加元素类型使它更聪明（更好）。例如，如果您只想要类型的子项：

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

希望这就是你的意思。