parent()

Returns the parent(s) of one or more HTML elements, which can be:

  • The elements that match the selector of a script (see results).
  • One element that matches the selector of a script that runs for "Each matched element" (see this and Setting the scope of a script).
  • The elements returned by a query in the template (see query()).

In HTML, a parent is an element that contains another element.
To get an ancestor that matches a particular selector, use closest() (see closest()).

To get an element's sibling element, you can use prev() or next().

Example

Assume that there are three paragraphs in a Box and that one of those paragraphs matches the selector of this script. The paragraph is stored in the results object (see results). The following script retrieves the Box (which is the parent of the paragraph) using results.parent(), and then changes its background color to red.

Copy
results.parent().css('background-color' , 'red');