Sometimes, we want to find the closest ancestor element that has a specific class with JavaScript.
In this article, we’ll look at how to find the closest ancestor element that has a specific class with JavaScript.
How to find the closest ancestor element that has a specific class with JavaScript?
To find the closest ancestor element that has a specific class with JavaScript, we use the closest
method.
For instance, we write
const closest = document.querySelector("p").closest(".near.ancestor");
to select the p
element with querySelector
.
Then we call closest
with the selector of the element that’s closes to the p
element we’re looking for.
Conclusion
To find the closest ancestor element that has a specific class with JavaScript, we use the closest
method.