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 6 - Selektory v jQuery, část první

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

 
Odpovědět
26.5.2018 13:26
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá 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();
Odpovědět
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.
Avatar
Radim Krkoška
Člen
Avatar
Odpovídá na Honza Bittner
Radim Krkoška:26.5.2018 13:40

No ono to je právě on keyup.

 
Odpovědět
26.5.2018 13:40
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Radim Krkoška
Honza Bittner:26.5.2018 13:41

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

Odpovědět
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.
Avatar
Radim Krkoška
Člen
Avatar
Odpovídá na Honza Bittner
Radim Krkoška:26.5.2018 13:46

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

 
Odpovědět
26.5.2018 13:46
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá 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.

Odpovědět
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.
Avatar

Člen
Avatar
Odpovídá 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)
 
Odpovědět
26.5.2018 14:40
Avatar
Natalie Bohmann
Člen
Avatar
Natalie Bohmann:12.9.2020 22:49

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

 
Odpovědět
12.9.2020 22:49
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").
 
Odpovědět
13.5.2022 20:28
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..
 
Odpovědět
13.5.2022 20:28
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 10 zpráv z 10.