Diskusia – 5. diel - Triedy v jQuery (DOM)

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

Posledné komentáre sú na spodnej časti poslednej stránky.

Patrik Pastor

Člen

Patrik Pastor:3.4.2019 21:00

Cau, mam dotaz. $('#html').addClass('mojeTrida'); ... 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.

Odpovedať

Honza Bittner

Tvůrce

Honza Bittner:3.4.2019 21:06

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

Odpovedať

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Jan Doležal

Člen

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

Odpovedať

Petr Kašný

Člen

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'); }

});

Odpovedať

frenky.pv

Člen

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.

Odpovedať

Jaroslav Drobek

Člen

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`?

Odpovedať

Lubor Pešek

Člen

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

Odpovedať

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.

Petra Mollerová

Člen

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

Odpovedať

Posledné komentáre sú na spodnej časti poslednej stránky.

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.

Zobrazené 8 správy z 18.

Najčastejšie vyhľadávané

Diskusia – 5. diel - Triedy v jQuery (DOM)