jQuery | parentsUntil() with Example
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 ancestors elements between two given elements.
jQuery code to show the working of parentsUntil() method:
< html > < head > < style > .anc * { display: block; border: 2px solid lightgrey; color: black; padding: 5px; margin: 15px; } </ style > 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 > |
In the above code, all the ancestor elements between “span” and “div” get highlighted with green color.
Output:
Please Login to comment...