<!DOCTYPE html> <html> <head> <title>jQuery find() Method</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div").find("span").css({"color": "#0099da", "border": "2px solid #0099da"}); }); </script> <style type="text/css"> .my_div_color * { border: 2px solid #999; color:#999; display:block; padding:5px; margin:10px 5px;} </style> </head> <body> <div class="my_div_color" style="width:300px;">FTL (current element) <p>Free Time Learning (child) <span>www.freetimelearning.com (grandchild)</span> </p> <p>Free Time Learning (child) <span>www.freetimelearning.com (grandchild)</span> </p> </div> </body> </html>
Output :
Topic :
find() Method
