Diskusia – 7. diel - Selektory v jQuery, časť druhá

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre

Patrik Pastor

Člen

Patrik Pastor:4.4.2019 20:42

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?

Odpovedať

4.4.2019 20:42

Lukáš Korel

Člen

Lukáš Korel:24.7.2019 22:31

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

Odpovedať

24.7.2019 22:31

Steve Jonasson

Člen

Steve Jonasson:5.12.2020 19:01

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

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

Odpovedať

5.12.2020 19:01

Nejvíce se člověk naučí, když se o danou věc zajímá sám bez donucení.

jozef.stropko

Člen

jozef.stropko:12.10.2021 9:16

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

Odpovedať

12.10.2021 9:16

Jaroslav Drobek

Člen

Jaroslav Drobek:14.5.2022 11:59

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".

Editované 14.5.2022 12:01

Odpovedať

14.5.2022 11:59

Jaroslav Drobek

Člen

Jaroslav Drobek:14.5.2022 11:59

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."

Odpovedať

14.5.2022 11:59

Petra Mollerová

Člen

Petra Mollerová:14.6.2023 18:28

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

Odpovedať

14.6.2023 18:28

Naučíme ťa pracovať na home-office.

Zistiť viac...

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zatiaľ nikto nevložil komentár - buď prvý!

Najčastejšie vyhľadávané

Diskusia – 7. diel - Selektory v jQuery, časť druhá