Aide du sélecteur JQuery

Question

En utilisant JQuery, comment sélectionner tous les éléments de classe x dans un élément avec id y?

Answer 1

Sélection de tous les descendants avec la classe x d'un élément avec l'identifiant "y".

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

Sélection de tous les enfants avec la classe x d'un élément avec l'ID "y".

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

Answer 2

$('#y .x') devrait le faire pour vous.

Notez que ceci sélectionnera tous les descendants avec la classe x, pas seulement les enfants.

Answer 3

Utilisez $("#id .class")

Answer 4

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

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

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

Et pour les enfants immédiats:

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

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

Jetez un oeil à ma question ici, il vous dit un peu plus et il couvre la performance. What is the fastest method for selecting descendant elements in jQuery?

Answer 5

Si vous avez élément 1 avec id = « y » et que vous voulez tout ce qu'il est [immédiate] les enfants qui ont une classe = « x »

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

Si vous voulez que tous les descendants de id = » y »(pas seulement immédiat) vous ferait:

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

de toute évidence, vous pouvez le rendre plus intelligent (et mieux) en ajoutant les types d'éléments si vous savez ce qu'ils sont. Par exemple, si vous voulez seulement des enfants de type alors:

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

Espérons que c'est ce que vous vouliez dire.