jQuery parent() Method

jQuery Traversal Methods

The parent() method returns the direct parent element of the selected element.

The parent() method moves one level on the DOM tree. To traverse the root element of the document, please useparent()Method.

Syntax:

$ (selector).parent(filter)

Example

Return the direct parent of each paragraph:

$ ("p").click(function() {
　　$ (this).parent();
});

Return the direct parent of each paragraph with the 'selected' class:

$ (document).ready(function() {
　　$("p").parent(".selected").css("background", "coral");
});

The parent() method moves one level on the DOM tree. The following example returns the direct parent of the SPAN:

Parameter Values

jQuery Traversal Methods