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> |
chevron_right
filter_none
In the above code, all the ancestor elements between “span” and “div” get highlighted with green color.
Output:
