Додавање на класа на елемент во 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.
