Run
<!doctype html> <html lang="en"> <head> <title>jQuery closest() Method to Return Ancestor of the Selected Element.</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function(){ $('.mybtn').click(function(){ $("span").closest("ul").addClass("mybg"); }); }); </script> <style> .mybg{ background:#ccc; border:1px solid orange; } </style> </head> <body> <h2>jQuery closest() Method to Return Ancestor of the Selected Element.</h2> <ul>Second ul ancestor. <li>First li item. <ul>First ul ancestor. <li> <span>Span element</span> </li> <li>This is list element</li> </ul> </li> <li>Second li item.</li> <li>Third li item.</li> </ul> <button type="button" class="mybtn">Click to Return Closest</button> </body> </html>
Go to
Tutorialdeep Homepage