jQuery选择父母不是给定类别的项目

Question

如何选择父节点没有类“ myClass”的所有类“ myClass”的节点。

例如，我有以下HTML：

<div class="myContainer">
    <div class="myClass" id="d1"> 
        <div class="myClass" id="d2"></div>
        <div class="myClass" id="d4"></div>
    </div>
    <div class="myClass" id="d3"></div>
</div>

而且我想获得ID为“ d1”和“ d3”的元素列表

实际上，我正在尝试编写代码，将示例中的HTML转换为带有列表的列表，例如：

d1
  d2
  d4
d3

（可以有更多的后继节点）

Answer 1

我提出了许多可能的解决方案。 也许：

$(":not(.myClass) > .myClass")

或者，如果您想超越直接父项：

$(":not(.myClass) .myClass")

这也可能起作用：

$(".myClass:has(:not(.myClass))")

为您的确切示例提供更好的解决方案：

$(".myContainer > .myClass")