Klases pievienošana elementam jQuery
Atgādinu, ka atribūtā
class
HTML kodā var rakstīt vairākas
klases atdalītas ar atstarpi.
Iedomāsimies šādu situāciju - jūs vēlaties
pievienot jaunu klasi jau esošajām, neaizstājot
tās. Šajā gadījumā, vienkārši paņemt
un izdarīt .attr('class', 'new-class')
neizdosies (izmantojot metodi
attr)
- jūs aizstāsit tās klases, kuras
jau atrodas atribūtā.
Var, protams, vispirms nolasīt klases,
kuras tur atrodas, pēc tam pievienot tām mūsu
klasi ar atstarpi un ierakstīt visu atpakaļ
atribūtā, bet ir vienkāršāks veids - jQuery
šādām lietām ir paredzēta metode
addClass.
Metode addClass ļauj pievienot
klasi elementam (vai elementiem), neaizstājot
tajā pašā laikā citas klases. Klasi, kuru jūs
vēlaties pievienot elementam, pieņem kā
šīs metodes parametru.
Nākamajā piemērā mums ir elements ar
divām klasēm - class="www zzz":
<p class="www zzz" id="test">text</p>
Mēs varam tam pievienot vēl trešo klasi -
kkk. Rezultātā atribūta saturs
kļūs šāds - class="www zzz kkk":
$('#test').addClass('kkk');
HTML kods izskatīsies šādi:
<p class="www zzz kkk" id="test">text</p>
Pievienojiet visiem li klasi test.
