jQuery parentsUntil() Method
The parentsUntil() is an inbuilt method in jQuery that is used to find all the ancestor elements between two given elements in a DOM tree. The Document Object Model(DOM) is a World Wide Web Consortium standard. This defines for accessing elements in the DOM tree.
Syntax:
$(selector1).parentsUntil(selector2)
Parameters: It accepts a parameter “selector2” which is the last marked parent of the selected element in the tree.
Return Value: It returns all ancestor’s elements between two given elements.
jQuery code to show the working of parentsUntil() method:
Example:
html
<!DOCTYPE html> < html > < head > < style > .anc * { display: block; border: 2px solid lightgrey; color: black; padding: 5px; margin: 15px; } </ style > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > </ script > < script > $(document).ready(function () { $("span").parentsUntil("div").css({ "color": "black", "border": "2px solid green" }); }); </ script > </ head > < body class = "anc" > This is great-great-grandparent ! < div style = "width:400px;" > This is great-grandfather element ! < ul > This is grandparent ! < li > This is direct parent element ! < span >This is child element</ span > </ li > </ ul > </ div > </ body > </ html > |
Output: In the above code, all the ancestor elements between “span” and “div” get highlighted with green color.
Contact Us