Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AWS AI GO KOTLIN SASS VUE GEN AI CYBERSECURITY DATA SCIENCE
     ❯   

jQuery :has() Selector

❮ 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

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

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2023 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.