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

是否存在遗漏容器选择器并仅使用

的问题

$('.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选择器，它将选择器作为参数。