jQuery :has() Selector

jQuery Selectors jQuery Selectors

Example

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


Examples

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.


jQuery Selectors jQuery Selectors


Color Picker

colorpicker