jQuery :has() Selector
jQuery SelectorsExample
Select all <p> elements that have a <span> element inside of them:
$("p:has(span)")
Try it yourself »
Definition and Usage
The :has() selector selects all elements that have one or more elements inside of them, that matches the specified selector.
Tip: To select an element that have multiple elements inside of it, use comma (see example below).
Syntax
$(":has(selector)")
| Parameter | Description |
|---|---|
| selector | Required. Specifies the element to select. This parameter accepts any kind of selector |
Try it Yourself - Examples
Select an element with multiple elements inside
How to select an element that has multiple elements inside of it.
Select elements that does NOT have a specified element inside
Using the :not selector together with :has to select elements that does NOT have an element inside of it.
