.parent()
methodThe .parent()
method in jQuery is used to get the parent of each element in the set of matched elements.
.parent()
method Syntax.parent(selector)
.parent()
method ExampleFind the parent element of the item with an id "python".
HTML
<ul> <li class="category">Language <ul> <li class="lang">Java <ul> <li>Java tutorial</li> <li>Java Examples</li> </ul> </li> <li class="lang">Python <ul id="python"> <li>Python tutorial</li> <li id="pyex">Python Examples</li> </ul> </li> </ul> </li> <li class="category">Tools</li> <li class="category">Lautturi</li> </ul>
jQuery
$( "#python" ).parent().css( "background-color", "cyan" );
Result
[<li class="lang">Python</li>]
Find the <ul>
tag's parent element which with a class category
.
HTML
<ul> <li class="category">Language <ul> <li class="lang">Java <ul> <li>Java tutorial</li> <li>Java Examples</li> </ul> </li> <li class="lang">Python <ul id="python"> <li>Python tutorial</li> <li id="pyex">Python Examples</li> </ul> </li> </ul> </li> <li class="category">Tools</li> <li class="category">Lautturi</li> </ul>
jQuery
$( "ul" ).parent('.category').css( "background-color", "cyan" );
Result
[<li class="category">Language</li>]