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

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

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();

No ono to je právě on keyup.

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

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

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.

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

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

$(document).on('keyup', hideElement)

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

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

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