Jquery Closest Example - Jquery

How to code jquery closest method?

Snippet Code

Rate this page :
  [ 0 votes]

Jquery closest code is used to return the first ancestor or a parent from the selected element. The simple jquery closest code is given below.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <style> li { margin: 3px; padding: 3px; background: #EEEEEE; } li.hilight { background: red; } </style> <span> <ul> <li><b>This is first li</b></li> <li><b>This is second li</b></li> <li><b>This is third li</b></li> <li><b>This is fourth li</b></li> </ul> </span> <script> $('li').click(function (event) { $( event.target ).closest("li").toggleClass("hilight"); }); </script>


Ask Questions

Ask Question