Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 6. diel - Selektory v jQuery, časť prvá

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
Avatar
Radim Krkoška
Člen
Avatar
Radim Krkoška:26.5.2018 13:26

A co když chci dát do toho data atributu proměnnou
Ku příkladu $("[data-nazev*='nejaka promenna']").hide()
Děkuji

Avatar
Honza Bittner
Tvůrce
Avatar
Odpovedá na Radim Krkoška
Honza Bittner:26.5.2018 13:30

To si myslím udělat můžeš. Pokud bys ale tenhle selektor používal např. na odchytávání click eventů a chtěl bys v průběhu měnit obsah proměnné, nefungovalo by to, domnívám se.

Ale pro toto použití by to mělo jít.

Tj. něco jako toto.

var promenna = '69';
$("[data-nazev*='" + promenna + "']").hide();
Odpovedať
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Radim Krkoška
Člen
Avatar
Odpovedá na Honza Bittner
Radim Krkoška:26.5.2018 13:40

No ono to je právě on keyup.

Avatar
Honza Bittner
Tvůrce
Avatar
Odpovedá na Radim Krkoška
Honza Bittner:26.5.2018 13:41

Tak prostě při změně vytvoř nový event a starý zruš?

Odpovedať
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Radim Krkoška
Člen
Avatar
Odpovedá na Honza Bittner
Radim Krkoška:26.5.2018 13:46

Můžeš to prosím tě upřesnit ?

Avatar
Honza Bittner
Tvůrce
Avatar
Odpovedá na Radim Krkoška
Honza Bittner:26.5.2018 13:57

Třeba něco takového jako ukázka. https://jsfiddle.net/wrawo95n/

Zpočátku máš aktivní jen tlačítko "první", a po nějaké akci – zde kliknutí na přepínač – se první tlačítko zneaktivní a aktivuje se funkčnost na druhém.

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

Člen
Avatar
Odpovedá na Honza Bittner
:26.5.2018 14:40

Nemáš náhodou na mysli niečo takéto?

function hideElement (e) {
  $(`[data-nazev*="${e.which}"]`).hide()
}

$(document).on('keyup', hideElement)
Avatar
Natalie Bohmann
Člen
Avatar
Natalie Bohmann:12.9.2020 22:49

Tohle by nemela byt 6. lekce, ale maximalne 2.

Avatar
Jaroslav Drobek
Člen
Avatar
Jaroslav Drobek:13.5.2022 20:28

Hodnocení:

  • Symbolická syntaxe $("predchozi + dalsi") je zavádějící. Z příkladu je vidět, že predchozi + nás nastaví na element na stejné úrovni bezprostředně následující za elementem predchozi, pak by mělo raději následovat něco jako subselektor, protože máme možnost (nemusíme) v takto nastaveném elementu dále vybírat. Totéž platí pro $("predchozi ~ sourozenci").
Avatar
Jaroslav Drobek
Člen
Avatar
Jaroslav Drobek:13.5.2022 20:28

Hodnocení (pokračování):

  • "Mohou mít také danou hodnotu a za ní po pomlčce - něco dalšího." Super, pomlčka v syntaxi nikde není, takže za to bych dával...pokuty.
  • $("[atribut~='slovo']"): bylo by dobré zmínit, že slovo zde znamená řetězec oddělený od okolního textu mezerou (mezerami).
  • Symbolická syntaxe $("[atribut$='hodnota']")je vzhledem k následujícímu výkladu nevhodná.
  • $("[atribut='hodnota']"): tento selektor atributů bych očekával ve výkladu jako první.
  • $("[attribute]"): tady se nepovedl překlad do češtiny..
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é 10 správy z 10.