голосование
PHP
Javascript
BASH
Firebird
HTML
Программы
Хостинг
Майнинг
Ресурсы
GIT
SEO
Oracle
Python
Проголосуйте за категорию!
счётчик
Яндекс.Метрика

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

Как быстро удалить класс из элемента 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

просмотры: 737, уровень: лёгкий уровень, рейтинг: 0, дата: 2015-12-26 10:20:34
проголосовать:

Комментарии:






поиск
сайты друзей
банеры
сервис мониторинга работы сайта, мониторим HTTP, HTTPS, FTP, MYSQL, PostgreSQL, POP3, SMTP, IMAP
http://ping-admin.ru/index_5659.html мониторинг сайтов сервис мониторинга работы сайта, мониторим HTTP, HTTPS, FTP, MYSQL, PostgreSQL, POP3, SMTP, IMAP
http://trainingweb.ru/redirect/well_web_vps_kvm Аренда VPS KVM в Европе Мы предлагаем в аренду VPS серверы с выделенным IP-адресом, которые полностью эмулируют физический сервер.
http://www.2domains.ru домен RU домен RU всего за 99 рублей