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