Rechercher classe à l'intérieur de classe avec des sélecteurs jQuery

Question

Je suis en train de faire quelque chose comme ce qui suit dans jQuery

$('.container').siblings('.outerClass > .innerClass')

où je cherche:

<div class="container"></div> 

<div class="outerClass"> 
    <div class="innerClass"> 
     find me! 
    </div> 
</div> 

Je ne peux pas obtenir la syntaxe droite.

Answer 1

Et un autre (mais cela devrait fonctionner) (supposant que vous voulez obtenir l'élément avec la classe innerClass):

$('.container').siblings('.outerClass').children('.innerClass') 

Answer 2

Y at-il un problème omettant le sélecteur de conteneur, et juste en utilisant

$('.outerClass > .innerClass') 

ou peut-être (si vous ne voulez pas exiger la div intérieure d'être un enfant direct)

$('.outerClass .innerClass') 

Answer 3

Vous pouvez aussi le faire pour sélectionner directement les éléments requis

$(".outerClass").children(".innerClass").click(function() { 
//Do your stuff 
}); 

Answer 4

$('.container').siblings('.outerClass:has(> .innerClass)') 

Pour expliquer pourquoi; .outerClass > .innerClass est un sélecteur qui sélectionne un élément avec la classe innerClass, pas la classe externe. Pour sélectionner un élément qui contient des éléments spécifiques, utilisez le sélecteur :has, qui prend un sélecteur en tant qu'argument.