Как выбрать элемент, который не является дочерним по отношению к конкретному элементу, используя jquery?

Question

Как я могу выбрать только span s, которые НЕ имеют div.option в качестве родителя?

<div class="option">
    <span>Content goes here</span>
</div>
<span>Content goes here</span>
<span>Content goes here</span>
<div class="option">
    <span>Content goes here</span>
</div>

Answer 1

Вам нужно выбрать все span и с помощью :not() исключить дочерние участки, которые являются дочерними по отношению к .option

$("span:not(div.option > span)").css("color", "red");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="option">
    <span>Content goes here</span>
</div>
<span>Content goes here</span>
<span>Content goes here</span>
<div class="option">
    <span>Content goes here</span>
</div>