how to get the parent element in jquery code example

Example 1: select parent of element jquery

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

Example 2: 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 3: parent jquery example

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>parent demo</title>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
 
<div><p>Hello</p></div>
  <div class="selected"><p>Hello</p></div>
<div class="selected"><p>Hello Again</p></div>
 
<script>
$( "p" ).parent( ".selected" ).css( "background", "yellow" );
</script>
 
</body>
</html>

Example 4: jquery get the parent node

$(selector).parent(filter)

Example 5: jquery dom traversal parent

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

Tags:

Javascript Example

Recent Posts