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>

и я хочу получить список элементов с идентификаторами "d1" и "d3"

на самом деле, я пытаюсь написать код, который преобразует HTML из этого примера в список с таблицами, например:

d1
  d2
  d4
d3

(может быть больше потомков)

Answer 1

Я придумал несколько возможных решений. Может быть:

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

Или, если вы хотите выйти за рамки прямого родителя:

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

Это может также работать:

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

Лучшее решение для вашего точного примера:

$(".myContainer > .myClass")