:has(selector)

version 1.1.4 以降

解説

マッチした要素のうち、指定されたセレクタにマッチする子孫要素を持つ要素を返します。

:has(selector)

例1:class属性値が"citrus"のdiv要素の子div要素のうち、class属性値が"yellow"の子孫span要素を持つ要素の背景を黄色にします。

$("div.citrus > div:has(span.yellow)").css("background-color", "yellow");

<div class="citrus">
class属性値が"citrus"のdiv要素

    <div>
        div要素
        <span class="yellow">レモン</span>
    </div>

<div>
div要素

        <p>
            <span class="yellow">グレープフルーツ</span>
        </p>

</div>