Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

home / developersection / forums / has() method in jquery
Ask Question

has() method in jQuery

Ethan Karla 488 29 Jul 2021
What is the has() method in jQuery? Explain it with the help of an example.
jquery jquery
Updated 14 Jun 2023
Ethan Karla
Ethan Karla

Student

An enthusiastic, adaptive, and fast-learning person with a broad and acute interest in the discovery of new innovative drugs, I particularly enjoy collaborating with scientists from different disciplines to develop new skills and solve new challenges.

Message

1 Answers

Aryan Kumar
Aryan Kumar 14 Jun 2023
Report Abuse

The has() method in jQuery is used to select all elements that have one or more elements inside of them that match the specified selector. The selector can be a string or a jQuery object.

The following code selects all <div> elements that have a <span> element inside of them:

Code snippet

$('div').has('span');

The following code selects all <p>, <h3>, and <div> elements that have a <span> element inside of them:

Code snippet

$('p, h3, div').has('span');

The following code selects a <span> element that has a hyperlink:

Code snippet

$('span').has('a');

The has() method can also be used to select elements that have multiple elements inside of them that match the specified selector. For example, the following code selects all <div> elements that have both a <span> element and an <a> element inside of them:

Code snippet

$('div').has('span, a');

The has() method is a powerful tool that can be used to select elements based on their descendants. It can be used to select elements that have specific content, elements that have a certain structure, or elements that are related to other elements.

Here are some additional examples of how the has() method can be used:

  • To select all <div> elements that have a child <span> element with the text "Hello, world!", use the following code:

Code snippet

$('div').has('span:contains("Hello, world!")');
  • To select all <div> elements that have a child <span> element with a class of "my-class", use the following code:

Code snippet

$('div').has('span.my-class');
  • To select all <div> elements that have a child <span> element that is a descendant of a <ul> element, use the following code:

Code snippet

$('div').has('ul > span');

The has() method is a versatile tool that can be used to select elements in a variety of ways.

MindStick Training