find() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:find

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

Description

The find() method returns descendant elements of the selected element.

Syntax

Parameter Require Description
filterRequired.A selector expression, element or jQuery object to filter the search for descendants

To return multiple descendants, separate each expression with a comma.

The following code shows how to Return all <span> elements that are descendants of <ul>:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
.ancestors * {/*from www .  ja  va2  s  . c om*/
    display: block;
    border: 2px solid lightgrey;
    color: lightgrey;
    padding: 5px;
    margin: 15px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
</script>
</head>
                                                                                                                                                      
<body class="ancestors">body
  <div style="width:500px;">div
    <ul>ul (direct parent)
      <li>li<span>span<span>span<span>span</span></span></span></li>
      <li>li<span>span</span></li>
    </ul>
  </div>
</body>
                                                                                                                                                      
</html>

Related Tutorials