NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 5 - Třídy v jQuery (DOM)

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Patrik Pastor
Člen
Avatar
Patrik Pastor:3.4.2019 21:00

Cau, mam dotaz. $('#html').ad­dClass('mojeTri­da'); ... V jakem dokumentu uvidim ono pridani tridy ".mojeTrida"? Mam na mysli kdyz se ve visual codu podivam na .html soubor, neuvidim tam tuto classu, tak kde si overim (tim, ze ji fyzicky uvidim), ze se opravdu na element pridala? Diky.

 
Odpovědět
3.4.2019 21:00
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Patrik Pastor
Honza Bittner:3.4.2019 21:06
:D

Třída se ti samozřejmě nepřidá do zdrovojého kódu, ale až do výsledné sestavené stránky v prohlížeči. Ve většině webových prohlížečů si můžeš zobrazit DOM pomocí klávesové zkratky F12 (záložka něco jako "elementy").

Odpovědět
3.4.2019 21:06
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Jan Doležal
Člen
Avatar
Jan Doležal:6.2.2020 12:58

Ahoj, chtěl jsem napsat funkci, která by změnila třídu elementu na základě toho jestli obsahuje text 'PHP' a zároveň toho jestli má třídu 'aktivni' nebo ne. Nefunguje mi to :) Byl bych strašně rád za jakoukoliv pomoc :)

 
Odpovědět
6.2.2020 12:58
Avatar
Petr Kašný
Člen
Avatar
Odpovídá na Jan Doležal
Petr Kašný:20.2.2020 9:15

Ahoj,
nevím, jestli jsi to chtěl takto, ale mě to funguje:

$('ul li').on('click', function() {

                if ($(this).text() == 'PHP') {
              $(this).toggleClass('aktivni'); }

});
 
Odpovědět
20.2.2020 9:15
Avatar
frenky.pv
Člen
Avatar
frenky.pv:29.6.2020 6:41

V Ukázka #1 je chyba používáte jako selektor id="html", ale v zobrazeném html nejsou atributy id definovány.

 
Odpovědět
29.6.2020 6:41
Avatar
Jaroslav Drobek
Člen
Avatar
Jaroslav Drobek:13.5.2022 12:41

Hodnocení:

  • Ukázka 1: výsup je beze změny. Už delší dobu se marně v lekcích snažím dopátrat, kde "můžeme vidět" element upravený JavaScriptem? Jedinou odpověď jsem našel pod touto lekcí v komentářích, ale tato informace patří do lekcí!
  • "...třídy nic vykonávat nic dalšího..."
  • Závěr lekce: Někdo jiný se možná ptá, jak je možné, že zrovna náhodou element s text="PHP" byl v this, když se vyhodnocovala podmínka v if`?
 
Odpovědět
13.5.2022 12:41
Avatar
Lubor Pešek
Člen
Avatar
Lubor Pešek:29.6.2022 11:09

Toto se mi moc líbí. Ano, musím si s tím pohrát, ale je jasně napsáno, co se po nás chce a čeho můžeme docílit.
Možná bych přehodil to pořadí - nejdřív ukázal výsledek, kterého chceme dosáhnout a pak se k tomu probublával, ale je to fuk, výsledek bude stejný.

Už jsem si na tato cvičení udělal i tamplate (na základě poznatků z lekcí HTML, CSS, JS a nyní i jQuery).
V podstatě si teď jen vždy každou ukázku přidám a hraju si s tou probíranou syntaxí.
Kdyby měl někdo zájem, můžu mu ten svůj vele výtvor poslat :)

Odpovědět
29.6.2022 11:09
Existují dva způsoby, jak vyřešit problém. Za prvé vyhoďte počítač z okna. Za druhé vyhoďte okna z počítače.
Avatar
Petra Mollerová
Člen
Avatar
Odpovídá na Jaroslav Drobek
Petra Mollerová:14.6.2023 14:55

Není to náhoda, všechny elementy, které jsou vybrané pomocí selektoru $('ul li') se v this ocitnou a vyhodnocuje se u nich daná podmínka, pouze však element obsahující text 'PHP' tuto podmínku splnil a obarvil se. Zbytku se přiřadila třída 'chciBytPHP, což si můžeme ověřit pomocí programátorských nástrojů přímo v prohlížeči. 😉

 
Odpovědět
14.6.2023 14:55
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 18.