Přidání třídy prvku v jQuery
Připomínám, že v atributu
class
v HTML kódu lze napsat několik
tříd přes mezeru.
Představme si takovou situaci - chcete
přidat novou třídu k existujícím, aniž byste je
přitom přepsali. V tomto případě nelze jednoduše
provést .attr('class', 'new-class')
(pomocí metody
attr)
- přepíšete třídy, které
již jsou v atributu.
Samozřejmě byste mohli nejprve načíst třídy,
které tam jsou, poté k nim přidat naši
třídu přes mezeru a zapsat vše zpět
do atributu, ale existuje jednodušší způsob - v jQuery
je pro takové věci určena metoda
addClass.
Metoda addClass umožňuje přidat
třídu prvku (nebo prvkům), aniž byste přitom
přepsali jiné třídy. Třída, kterou
chcete přidat k prvku, se přijímá jako
parametr této metody.
V následujícím příkladu máme prvek s
dvěma třídami - class="www zzz":
<p class="www zzz" id="test">text</p>
Můžeme k němu přidat ještě třetí třídu -
kkk. Výsledkem bude, že obsah atributu
bude vypadat takto - class="www zzz kkk":
$('#test').addClass('kkk');
HTML kód bude vypadat takto:
<p class="www zzz kkk" id="test">text</p>
Přidejte všem li třídu test.
