jquery closest parent code example

Example 1: jquery closest

$( "li.item-a" )
  .closest( "ul" )
  .css( "background-color", "red" );

Example 2: jquery nearest

$( "li.item-a" )
  .closest( "ul" )
  .css( "background-color", "red" );

Example 3: select parent of element jquery

$(this).parent(); // jquery

Example 4: get parent element using jquery

/*
For accessing parent element details by using reference of children element.
Just Take a look on below example:
*/

<div id="parentDiv">
	<p>Child paragraph element</p>
</div>

$(document).ready(function(){
  alert($("p").parent().attr("id"));  // output: parentDiv
});

/*
I hope it will help you.
Namaste
*/

Example 5: get closest element id jquery

$(".isActive").click(function() {
    var div_id = $(this).closest('tr').find('.display_image').attr(id);
    // ...
});

Example 6: jquery remove closest parent

$(this).parent('div').remove();