javascript - 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")