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

Radim Krkoška

Člen

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

Odpovedať

26.5.2018 13:26

Honza Bittner

Tvůrce

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ť

26.5.2018 13:30

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

Radim Krkoška

Člen

Radim Krkoška:26.5.2018 13:40

No ono to je právě on keyup.

Odpovedať

26.5.2018 13:40

Honza Bittner

Tvůrce

Honza Bittner:26.5.2018 13:41

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

Odpovedať

26.5.2018 13:41

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

Radim Krkoška

Člen

Radim Krkoška:26.5.2018 13:46

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

Odpovedať

26.5.2018 13:46

Honza Bittner

Tvůrce

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ť

26.5.2018 13:57

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

Člen

: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)

Odpovedať

26.5.2018 14:40

Natalie Bohmann

Člen

Natalie Bohmann:12.9.2020 22:49

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

Odpovedať

12.9.2020 22:49

Jaroslav Drobek

Člen

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

Odpovedať

13.5.2022 20:28

Jaroslav Drobek

Člen

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

Odpovedať

13.5.2022 20: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 – 6. diel - Selektory v jQuery, časť prvá