Ancestors in Jquery
? What Are Ancestors?
In HTML, an ancestor is any element that contains another element — like parents, grandparents, etc.
? For example:
<div class="grandparent"> <div class="parent"> <p class="child">Hello!</p> </div></div>
? Real Use Example
Highlight a card when clicking something inside it:
$(".child").click(function() { $(this).parents(".card").addClass("highlight");});
? Summary
| jQuery Method | Selects... |
|---|---|
parent() | Only the direct parent |
parents() | All ancestors up the DOM tree |
parentsUntil() | Ancestors between the element and a selector |
