<!DOCTYPE html> <html> <head> <title>jQuery parent() 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(){ $("li").parent().addClass("highlight"); }); </script> <style type="text/css"> .highlight{ background:#FF0; padding:3px 0px; color:#FFF;} </style> </head> <body> <h3>Free Time Learning</h3> <ul> <li><a href="https://www.freetimelearning.com" target="_blank">www.freetimelearning.com</a></li> <li><a href="http://www.freetimelearn.com" target="_blank">www.freetimelearn.com</a></li> </ul> </body> </html>
Output :
Topic :
parent() Method
