使用 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

忽略容器选择器并仅使用 or 是否存在问题

$('.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（而不是outerClass）的元素。要选择其中包含特定内容的元素，请使用 :has 选择器，该选择器将选择器作为参数。