Legge til klasse til et element i jQuery
Jeg minner om at i attributtet
class
i HTML-kode kan man skrive flere
klasser med mellomrom.
La oss tenke oss en slik situasjon - du vil
legge til en ny klasse til de eksisterende, uten å overskrive
dem. I dette tilfellet vil det ikke fungere å bare
gjøre .attr('class', 'new-class')
(ved å bruke metoden
attr)
- du vil overskrive de klassene som
allerede finnes i attributtet.
Man kan selvfølgelig først lese klassene
som er der, deretter legge til vår
klasse med mellomrom og skrive alt tilbake
til attributtet, men det er en enklere måte - i jQuery
er metoden
addClass
tilgjengelig for slike ting.
Metoden addClass lar deg legge til
en klasse til et element (eller elementer), uten å overskrive
de andre klassene. Klassen du
vil legge til elementet, tas imot
som en parameter av denne metoden.
I det følgende eksemplet har vi et element med
to klasser - class="www zzz":
<p class="www zzz" id="test">text</p>
Vi kan legge til en tredje klasse -
kkk. Som et resultat vil innholdet i attributtet
blir slik - class="www zzz kkk":
$('#test').addClass('kkk');
HTML-koden vil se slik ut:
<p class="www zzz kkk" id="test">text</p>
Legg til klassen test til alle li.
