jQuery parent descendant Selector
jQuery parent descendant Selector selects every element which are descendant to a specific(parent) element.
Syntax:
$("parent descendant")
Example 1:
html
<!DOCTYPE html> < html > < head > < script src = </ script > < script > $(document).ready(function() { $("div span").css("color", "lightgreen"); }); </ script > </ head > < body > < h4 >This div element has descendant span:</ h4 > < div > < span >DESCENDANT ELEMENT</ span > </ div > </ body > </ html > |
Output:
Example 2:
HTML
<!DOCTYPE html> < html > < head > < script src = </ script > < script > $(document).ready(function () { $("button").click(function () { $("div span").css("color", "lightgreen"); }); }); </ script > </ head > < body > < h4 >This div element has descendant span:</ h4 > < div > < span >DESCENDANT ELEMENT</ span > </ div > < br > < button >Change color</ button > </ body > </ html > |
Output:
Please Login to comment...