Pridanie triedy prvku v jQuery
Pripomínam, že v atribúte
class
v HTML kóde je možné písať niekoľko
tried medzerou oddelených.
Predstavme si takú situáciu - chcete
pridať novú triedu k existujúcim, bez toho aby ste ich
prepísali. V tomto prípade, jednoducho vziať
a urobiť .attr('class', 'new-class')
nebude fungovať (použitím metódy
attr)
- prepíšte tie triedy, ktoré
už sú v atribúte.
Je možné, samozrejme, najprv načítať triedy,
ktoré tam sú, potom k nim pridať našu
triedu medzerou a zapísať všetko späť
do atribútu, ale existuje jednoduchší spôsob - v jQuery
pre takéto veci je pripravená metóda
addClass.
Metóda addClass umožňuje pridať
triedu prvku (alebo prvkom), bez toho aby ste
prepísali iné triedy. Triedu, ktorú
chcete pridať k prvku, prijíma
ako parameter tejto metódy.
V nasledujúcom príklade máme prvok s
dvoma triedami - class="www zzz":
<p class="www zzz" id="test">text</p>
Môžeme k nemu pridať aj tretiu triedu -
kkk. Výsledkom bude, že obsah atribútu
bude takýto - class="www zzz kkk":
$('#test').addClass('kkk');
HTML kód bude vyzerať takto:
<p class="www zzz kkk" id="test">text</p>
Pridajte všetkým li triedu test.
