Lägga till en klass till ett element i jQuery
Påminnelse om att i attributet
class
i HTML-kod kan man skriva flera
klasser mellanslag.
Föreställ dig en sådan situation - du vill
lägga till en ny klass till de befintliga, utan att skriva över
dem. I det här fallet, att bara ta
och göra .attr('class', 'new-class')
kommer inte att fungera (genom att använda metoden
attr)
- du kommer att skriva över de klasser som
redan finns i attributet.
Man kan förstås först läsa klasserna,
som finns där, sedan lägga till vår
klass med ett mellanslag och skriva allt tillbaka
till attributet, men det finns ett enklare sätt - i jQuery
för sådana saker finns metoden
addClass.
Metoden addClass låter dig lägga till
en klass till ett element (eller element), utan att skriva över
de andra klasserna. Klassen som du
vill lägga till i elementet accepteras som
en parameter för denna metod.
I följande exempel har vi ett element med
två klasser - class="www zzz":
<p class="www zzz" id="test">text</p>
Vi kan lägga till en tredje klass -
kkk. Som ett resultat blir innehållet i attributet
så här - class="www zzz kkk":
$('#test').addClass('kkk');
HTML-koden kommer att se ut så här:
<p class="www zzz kkk" id="test">text</p>
Lägg till klassen test till alla li.
