Найти класс внутри класса с JQuery селекторы

Question

Я пытаюсь сделать что-то вроде следующего в JQuery

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

где я ищу:

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

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

Я не могу получить синтаксис справа.

Answer 1

И еще один (но это должно работать) (если вы хотите, чтобы получить элемент с классом innerClass):

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

Answer 2

Есть проблема ommitting селектор контейнера, и только с помощью

$('.outerClass > .innerClass') 

или, возможно (если вы не хотите, чтобы требовать внутренний DIV быть прямой ребенок)

$('.outerClass .innerClass') 

Answer 3

Вы также можете сделать это непосредственно выбрать необходимые элементы

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

Answer 4

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

Чтобы объяснить, почему; .outerClass > .innerClass - это селектор, который выбирает элемент с классом innerClass, а не внешний класс. Чтобы выбрать элемент, который имеет что-то конкретное в нем, вы используете селектор :has, который принимает селектор в качестве аргумента.