:last-child vráti: Array
Vyberie všetky elementy, ktoré sú posledným potomkom svojich rodičov.
Kým :last platí iba pre jeden element, toto platí pre viacero: Jeden pre každého rodiča.
Priklady:
Nájde posledný span každého zvoleného div a pridá hover.
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 | <!DOCTYPE html> < html > < head > < style > span.solast { text-decoration:line-through; } </ style > </ head > < body > < div > < span >John,</ span > < span >Karl,</ span > < span >Brandon,</ span > < span >Sam</ span > </ div > < div > < span >Glen,</ span > < span >Tane,</ span > < span >Ralph,</ span > < span >David</ span > </ div > < script > $("div span:last-child") .css({color:"red", fontSize:"80%"}) .hover(function () { $(this).addClass("solast"); }, function () { $(this).removeClass("solast"); }); </ script > </ body > </ html > |