类选择器中的jQuery类

Question

<div class="outer">
     <div class="inner"></div>
</div>

我怎么在这里找到内部div？

$container.find('.outer .inner')

只是要寻找一个div class="outer inner",这是正确的吗？

所以我试过了

$container.find('.outer > .inner')

但这似乎没有奏效.

编辑:

我知道很容易找到类似的东西

$container.find('.outer').find('.inner')

但我正在寻找那种读取更好的imho的单选择器语法.

Answer 1

只是要找一个class ="outer inner"的div,这是正确的吗？

不,'.outer .inner'将使用.inner类查找所有元素,该类也具有.outer类作为祖先的元素. '.outer.inner'(没有空间)会给你想到的结果.

'.outer > .inner'将寻找与元素的直接子.outer与要素类.inner类.

双方'.outer .inner'并'.outer > .inner'应适用于你的榜样,虽然选择是根本不同的,你应该警惕这一点.

Answer 2

对于这个HTML:

<div class="outer">
     <div class="inner"></div>
</div>

这个选择器应该工作:

$('.outer > .inner')