类选择器中的 jQuery 类

Question

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

如何在这里找到内部 div？

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

只是寻找带有class="outer inside"的div，对吗？

所以我尝试了

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

但这似乎不起作用。

编辑:

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

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

但我正在寻找一种读起来更好的单选择器语法。

Answer 1

is just going to look for a div with class="outer inner", is that correct?

不，'.outer .inner' 将查找具有 .inner 类的所有元素，这些元素也具有 .outer 类的元素> 作为祖先的类。 '.outer.inner'(无空格)会给出您想要的结果。

'.outer > .inner' 将查找具有 .outer 类的元素的直接子元素，以查找具有 .inner 类的元素类。

'.outer .inner' 和 '.outer > .inner' 都应该适用于您的示例，尽管选择器根本不同，您应该警惕这个。