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