jQuery :has() セレクタ

❮ jQuery Selectors

内部に <span> 要素を持っている全ての <p> 要素を選択する:

$("p:has(span)")
Try it Yourself »

定義と用法

:has() セレクタは、指定した要素を子要素内に持つ要素を選択します。

チップ: 複数要素を選択するには、カンマで区切ります(下の例を参照)。


構文

$(":has(selector)")

パラメータ 説明
selector 必須。選択する要素を指定する。
このパラメータには、あらゆる種類のセレクタを指定できる

Try it Yourself - 例

内部に複数の要素を持つ要素を選択
内部の複数の要素を持つ要素を選択する方法。

内部に指定された要素を持たない要素を選択
内部に指定された要素を持たない要素を選択するために、:has と共に :not セレクタを使用する。


❮ jQuery Selectors