Dodavanje klase elementu u jQuery
Podsećam da se u atributu
class
u HTML kodu može pisati više
klasa razmaknutih prazninom.
Zamislite sledeću situaciju - želite da
dodate novu klasu postojećim, a da ih pritom
ne izbrišete. U tom slučaju, jednostavno
pozivanje .attr('class', 'new-class')
neće raditi (korišćenjem metode
attr)
- izbrisaćete one klase koje
već postoje u atributu.
Možete, naravno, prvo pročitati klase
koje su tamo, zatim dodati svoju
klasu prazninom i zapisati sve nazad
u atribut, ali postoji jednostavniji način - u jQuery
za takve stvari postoji metoda
addClass.
Metod addClass omogućava da dodate
klasu elementu (ili elementima), a da pritom
ne izbrišete druge klase. Klasa koju
želite da dodate elementu, prima se
kao parametar ovog metoda.
U sledećem primeru imamo element sa
dve klase - class="www zzz":
<p class="www zzz" id="test">text</p>
Možemo mu dodati i treću klasu -
kkk. Kao rezultat, sadržaj atributa
će postati - class="www zzz kkk":
$('#test').addClass('kkk');
HTML kod će sada izgledati ovako:
<p class="www zzz kkk" id="test">text</p>
Dodajte svim li klasu test.
