JQuery selector help

Question

Using JQuery, how do I select all elements with class x within an element with id y?

Answer 1

$('#y .x') should do it for you.

note that this will select all descendants with class x, not just children.

Answer 2

Selecting all descendants with class x of an element with the id "y".

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

Selecting all childrens with class x of an element with the id "y".

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

Answer 3

Use $("#id .class")

Answer 4

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

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

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

And for immediate children:

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

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

Have a look at my question here, it tells you a bit more and it covers performance. http://stackoverflow.com/questions/3177763/whats-the-fastest-method-for-selecting-descendant-elements-in-jquery

Answer 5

Where you have element 1 with id='y' and you want all it's [immediate] children that have a class='x'

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

If you want all decendants of id='y' (not just immediate) then you would do:

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

Obviously, you could make it smarter (and better) by adding element types if you know what they are. For example, if you want only children of type then:

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

Hope that's what you meant.