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

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

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

où je suis à la recherche de:

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

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

Je ne peux pas obtenir la syntaxe de droit.

.innerClass n'est pas le frère de l' .container c'est pourquoi il échoue .. @Felix Kling réponse devrait vous couvrir.

OriginalL'auteur fearofawhackplanet | 2010-07-08

  1. 9

    Et un autre (mais cela devrait fonctionner) (en supposant que vous souhaitez récupérer l'élément avec la classe innerClass):

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

    OriginalL'auteur Felix Kling

  2. 0

    Est-il un problème ommitting le conteneur sélecteur, et seulement à l'aide de 

    $('.outerClass > .innerClass')

    ou peut-être (si vous ne voulez pas exiger de l'intérieur div être un direct enfant)

    $('.outerClass .innerClass')
    ouais j'ai besoin le conteneur des frères et sœurs de la partie malheureusement. J'ai essayé les deux et je ne pense pas que cela a fonctionné (sauf si j'ai fait une erreur dans le calcul de l'html).
    Cela ne fonctionne pas comme vous l'attendez

    OriginalL'auteur Tomas Aschan

  3. 0

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

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

    OriginalL'auteur Starx

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

    D'expliquer pourquoi; .outerClass > .innerClass est un sélecteur qui permet de sélectionner un élément avec la classe innerClass, pas la outerClass. Pour sélectionner un élément qui a quelque chose de spécifique, vous utilisez le :has sélecteur, qui prend un sélecteur comme un argument.

    OriginalL'auteur reko_t