jQueryにおける:has疑似クラス
疑似クラス
has
は、その内容に基づいて要素を選択します。例を見てみましょう。
以下のHTMLコードがあるとします：
<p>text with <b>b</b> tag</p>
<p>text with <i><b>b</b></i> tag</p>
<p>text</p>
例えば、
bタグを含むすべての段落を選択します：
$('p:has(b)');
2番目の段落ではbタグが直接p内にあるのではなく、
最初にi内にあるにもかかわらず、
例では最初の段落だけでなく2番目の段落も選択されることに注意してください。
直接のネストが必要な場合は、 次のようにする必要があります：
$('p:has(>b)');
この場合、最初の段落のみが選択されます。
iタグを含むすべてのh2を取得し、赤色に塗りつぶします。
直接iタグを含むすべてのh2を取得し、赤色に塗りつぶします。
