training-web.ruГлавнаяКатегорииО насКарта сайтаПоискТёмная тема

Категории

Как удалить класс из элемента removeClass() jquery

Создано: 26 декабря 2015Автор: Егор Астапов1620 просмотровСложность: легкий

Как быстро удалить класс из элемента HTML при помощи jquery? Тут у вас должен быть целый набор классов. Допустим, у вас 3 статуса: работает, на контроле, ошибка. Нужно сделать 3 класса в css-файле. Представьте себе 3 блока div.


<style>
.status-work {background-color: green;}
.status-control {background-color: yellow;}
.status-error {background-color: red;}
</style>

<div id='box1'>блок 1</div>
<div id='box2'>блок 2</div>
<div id='box3'>блок 3</div>

Во время работы блоки должны менять цвета в зависимости от ситуации. Тут на помощь придут 2 функции функция addClass() и removeClass(). Функция removeClass() удаляет указанный класс из набора совпавших элементов. Вы можете сразу добавить всем блокам статус работает $("div[id*='box']").addClass('status-work'). В зависимости от ситуации вы можете менять цвета у блоков.


var status = 0;
/* тут должны быть ваши проверки и запись результата (0,1,2) в переменную status
очистка 3 тегов div от 3 стилей */
$("div[id^='box']").removeClass("status-work status-control status-error");

if(status == 0){
   $("div[id^='box']").addClass('status-work');
}else if(status == 1){
   $("div[id^='box']").addClass('status-control');
}else{
   $("div[id^='box']").addClass('status-error ');
}

Вы можете налету менять свойства класса. Смотрте статью как получить изменить свойства класса для элемента css() jquery

Комментарии

реклама