jQuery 选择器帮助答案

【问题标题】：JQuery selector helpjQuery 选择器帮助
【发布时间】：2011-04-03 23:11:20
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

使用$("#id .class")

【讨论】：

【解决方案4】：

$("#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?

【讨论】：

+1 - 彻底的答案。只是想我会指出，在您的第二个示例中，您不需要为上下文传递 jQuery 对象。你可以只传递字符串"#x"。 jQuery 在幕后将其翻转为您的第三个版本。 :o)

【解决方案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]);

希望这就是你的意思。

【讨论】：