Selects all elements that are descendants of a given ancestor.
A descendant of an element could be a child, grandchild, great-grandchild, and so on, of that element.
jQuery( "ancestor descendant" )
version added: 1.0
Examples:
Mark all inputs that are descendants of a form with a dotted blue border. Give a yellow background to inputs that are descendants of a fieldset that is a descendant of a form.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | <!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>descendant demo</title> <style> form { border: 2px green solid; padding: 2px; margin: 0; background: #efe; } div { color: red; } fieldset { margin: 1px; padding: 3px; } </style></head><body> <form> <div>Form is surrounded by the green border.</div> <label for="name">Child of form:</label> <input name="name" id="name"> <fieldset> <label for="newsletter">Grandchild of form, child of fieldset:</label> <input name="newsletter" id="newsletter"> </fieldset></form>Sibling to form: <input name="none"> <script>$( "form input" ).css( "border", "2px dotted blue" );$( "form fieldset input" ).css( "backgroundColor", "yellow" );</script> </body></html> |
Please login to continue.