jQueryにおける:has疑似クラス

疑似クラス has は、その内容に基づいて要素を選択します。例を見てみましょう。 以下のHTMLコードがあるとします：

html<p>text with <b>b</b> tag</p>
<p>text with <i><b>b</b></i> tag</p>
<p>text</p>

例えば、 bタグを含むすべての段落を選択します：

javascript$('p:has(b)');

2番目の段落ではbタグが直接p内にあるのではなく、 最初にi内にあるにもかかわらず、 例では最初の段落だけでなく2番目の段落も選択されることに注意してください。

直接のネストが必要な場合は、 次のようにする必要があります：

javascript$('p:has(>b)');

この場合、最初の段落のみが選択されます。