Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

home / developersection / forums / parent() method usage in jquery
Ask Question

parent() method usage in jQuery

Ethan Karla 338 28 Jul 2021

What is the parent() method usage in jQuery?

jquery jquery
Updated 26 Nov 2023
Ethan Karla
Ethan Karla

Student

An enthusiastic, adaptive, and fast-learning person with a broad and acute interest in the discovery of new innovative drugs, I particularly enjoy collaborating with scientists from different disciplines to develop new skills and solve new challenges.

Message

1 Answers

Aryan Kumar
Aryan Kumar 26 Nov 2023
Report Abuse

In jQuery, the parent() method is used to traverse up the DOM hierarchy and select the parent element of the matched set of elements. It returns a set containing the unique ancestors of each element in the original set, optionally filtered by a selector.

Syntax:

$(selector).parent([filter])
  • selector (optional): A string containing a selector expression to filter the parent elements.
  • filter (optional): A string containing a selector expression to filter the results.

Example:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>jQuery parent() Method Example</title>
  <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>

<div class="parent">
  <p>Parent Element</p>
  <div class="child">
    <p>Child Element</p>
  </div>
</div>

<script>
  $(document).ready(function() {
    // Select the parent of the element with class 'child'
    var parentElement = $('.child').parent();

    // Output the text content of the parent element
    console.log("Parent Element Text: " + parentElement.text());
  });
</script>

</body>
</html>

In this example:

  1. The parent() method is used to select the parent element of the element with the class 'child'.
  2. The text content of the parent element is then logged to the console.

Keep in mind that parent() only selects the immediate parent. If you want to traverse up multiple levels, you can chain multiple parent() calls or use the parents() method with an optional filter.

MindStick Training