Learn all about the jQuery function .parent().
Given a jQuery object that represents a set of DOM elements, the
parent() method traverses to the immediate parent of each of these elements in the DOM tree and constructs a new jQuery object from the matching elements.
This method is similar to
.parent() only travels a single level up the DOM tree. Also,
$( "html" ).parent() method returns a set containing
$( "html" ).parents() returns an empty set.
The method optionally accepts a selector expression of the same type that we can pass to the
$() function. If the selector is supplied, the elements will be filtered by testing whether they match it.
Consider a page with a basic nested list on it:
If we begin at item A, we can find its parents:
The result of this call is a red background for the level-2 list. Since we do not supply a selector expression, the parent element is unequivocally included as part of the object. If we had supplied one, the element would be tested for a match before it was included.