x
<html><head><style>.ancestors * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px;}</style><script src="../../ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script><script> $(document).ready(function () { $("ul").find("span").css({ "color": "red", "border": "2px solid red" }); });</script></head><body class="ancestors">body (great-grandparent) <div style="width:500px;">div (grandparent) <ul>ul (direct parent) <li>li (child) <span>span (grandchild)<span>span (great-grandchild)<span>span (great-great-grandchild)</span></span></span> </li> <li>li (child) <span>span (grandchild)</span> </li> </ul> </div></body><!-- /jquery/tryit.asp?filename=tryjquery_traversing_find2 Fri, 07 Feb 2025 00:12:29 GMT --></html>