Добавяне на клас към елемент в jQuery
Напомням, че в атрибута
class
в HTML кода може да се пишат няколко
класа чрез интервал.
Представете си такава ситуация - искате да
добавите нов клас към съществуващите, без да ги
затриете. В този случай, просто да вземете
и да направите .attr('class', 'new-class')
няма да се получи (използвайки метода
attr)
- ще затриете тези класове, които
вече са в атрибута.
Може, разбира се, първо да прочетете класовете,
които има там, след това да добавите към тях нашия
клас чрез интервал и да запишете всичко обратно
в атрибута, но има по-лесен начин - в jQuery
за такива неща е предвиден методът
addClass.
Методът addClass позволява да се добави
клас към елемент (или елементи), без да се затриват
при това други класове. Класът, който
искате да добавите към елемента, се приема като
параметър на този метод.
В следващия пример имаме елемент с
два класа - class="www zzz":
<p class="www zzz" id="test">text</p>
Можем да добавим към него и трети клас -
kkk. В резултат съдържанието на атрибута
ще стане такова - class="www zzz kkk":
$('#test').addClass('kkk');
HTML кодът ще изглежда така:
<p class="www zzz kkk" id="test">text</p>
Добавете към всички li класа test.
