hasセレクター
セレクター :has は、指定されたセレクターに一致する少なくとも1つの要素を含む要素を選択します。直接の子孫である必要はありません。
:has はCSS仕様には含まれていないため、現代のブラウザーでのパフォーマンスを向上させるには、代わりに
$("あなたのCSSセレクター").has(セレクター/DOM要素)を使用することをお勧めします。
構文
このようにして要素を選択します:
$(':has(セレクター)');
セレクターが直接の子孫である必要がある場合は、このように要素を選択します:
$(':has(>セレクター)');
例
内部に b タグがある段落のみを選択し、
その末尾にテキスト '!!!' を追加してみましょう:
<p>テキスト</p>
<p>テキスト</p>
<p><b>太字</b> テキスト</p>
<p><b>太字</b> テキスト</p>
$('p:has(b)').append('!!!');
HTMLコードは次のようになります:
<p>テキスト</p>
<p>テキスト</p>
<p><b>太字</b> テキスト!!!</p>
<p><b>太字</b> テキスト!!!</p>
