Dodajanje razreda elementu v jQuery
Spomnim, da lahko v atributu
class
v HTML kodi napišemo več
razredov presledkovno ločenih.
Predstavljajmo si takšno situacijo - želite
dodati nov razred k obstoječim, ne da bi jih
pri tem prepisali. V tem primeru, če preprosto
naredite .attr('class', 'new-class')
ne bo uspelo (z uporabo metode
attr)
- prepisali boste tiste razrede, ki
so že v atributu.
Seveda lahko najprej preberete razrede,
ki so tam, nato dodate naš razred k njim
s presledkom in vse skupaj zapišete nazaj
v atribut, vendar obstaja lažji način - v jQuery
je za takšne stvari predviden metoda
addClass.
Metoda addClass omogoča dodajanje
razreda elementu (ali elementom), ne da bi
pri tem prepisali druge razrede. Razred, ki
ga želite dodati elementu, je parameter te metode.
V naslednjem primeru imamo element z
dvema razredoma - class="www zzz":
<p class="www zzz" id="test">text</p>
Lahko mu dodamo še tretji razred -
kkk. Kot rezultat bo vsebina atributa
takšna - class="www zzz kkk":
$('#test').addClass('kkk');
HTML koda bo videti takole:
<p class="www zzz kkk" id="test">text</p>
Dodajte vsem li razred test.
