Selectors/API/jQuery
:has(selector)
引数で渡されたセレクターを子孫要素に持つ要素集合を選択します。
サンプル
サンプル1
divのうち、strong要素を持つものに'important'というクラスを追加します。
<div>このブロックは<strong>重要な</strong>要素を持っているのでimportantが追加されます。</div>
<div>このブロックは特になんでもありません。</div>
<div>
このブロックは重要な要素を
<div>
<strong>孫要素として</strong>持っています。このdivも
</div>
このdivもimportantになります。
</div>
$("div:has(strong)").addClass("important");
[全コードを表示]
[実行結果を単体で表示]