Diskuze – Lekce 7 - Selektory v jQuery, část druhá

Kdyz "ul li:first-child" = Nejde (pred li je h2), tak jak je mozne ze "ul li:last-child" uz jde, kdyz tam plati stejna logika?

Je to proto, že první element není typu li, ale typu h2, zatímco první prvek od konce (:last-child) typu li je, proto to tam jde, kdyby na konci seznamu byl jiný element než li, tak by to také nešlo

Na vyzkoušení jsem si oddělal <h2> element, a následně v pohodě.

$('h2').remove();
$("ul li:first-child").addClass('blue');

Len či v tom prvom príklade nie je preklep. Ja som prepísal kód $("ul li:first-child").addClas­s("blue"); na $("ul h2:first-child").addClas­s("blue"); a už to funguje.

Hodnocení:

• $(":first-child"): invalidní symbolická syntaxe i výklad. Dedukce: "Z vybraných elementů (v příkladu jsou to ul li) zohlední jen ty, které jsou prvním potomkem svého rodiče." Pro $(":last-child") analogicky.
• $(":nth-child(n)"): zase nesmysl, zkuste, jestli výklad platí pro n=1..
• $(":only-child"): "pasivní" příklad, který vykládanou vlastnost viditelně nedemonstruje, by bylo dobré uvádět bez výstupu a raději v kombinaci s nějakým "aktivním".

Hodnocení (pokračování):

• $(":only-of-type"): zbytečně imperativní výklad s chybou: "jiného typu".
• Obecně se dají všechny pseudoselektory v této lekci vysvětlit jednoduše: "element vyselektovaný před dvojtečkou bude vybrán, má-li vztah k rodiči vyjádřený vlastností za dvojtečkou."

$('ul li:nth-child(1)') je to správně. Ten element neexistuje, protože první potomek seznamu je h2.