has() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:has

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. has

Description

The has() method returns all elements that have one or more elements inside of them, that matches the specified selector.

Syntax

Parameter Require Description
element Required. selector expression or an element to match elements against

The following code shows how to Return all <p> elements that have a <span> element inside of them:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("p, h3, div").has("span").css("background-color", "yellow");
});/*from   ww  w  .ja va 2s. c  om*/
</script>
</head>
<body>

<p>A p element with a <span>span</span> element inside of it.</p>

<p>Another p element with a <span>span</span> element inside of it.</p>

<h1>h1 element with a <span>span</span> element inside of it.</h1>

<p>A p element with no span inside.</p>

<h3>A h3 element with a <span>span</span> element inside of it</h3>

<div>A div element with a <span>span</span> element inside of it</div>

</body>
</html>

Related Tutorials