Задать вопрос
@NewTypes
На себя
javascript

Удаление определенного className у всех узлов. Производительное решение?

Вопрос банальный и меня интересует скорее не просто решение, а красивое и быстрое с минимальной затратой процессорного времени. Узлов включающий некоторый .class может быть очень много (в добавок часто происходит динамическое добавление-удаление) и данное место является довольно критичным в интерфейсе.
В голову с лету ничего кроме цикла и replace на "" не приходит. Спросил нанятого фрилансера - ничего путного.
Посоветуйте пожалуйста лучший путь. Спасибо!
  • Вопрос задан
  • 2910 просмотров
1 комментарий
Подписаться 2 Оценить 1 комментарий
Решения вопроса 1
RubaXa
@RubaXa
Если браузер поддерживает document.getElementsByClassName, то делаем один раз выборку, получаем "живую" коллекцию и работаем с ней jsfiddle.net/tBASB

Либо как советует lorus, быстро и красиво.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
@lorus
А обязательно именно удалять классы? Может, достаточно их просто отключать?

Если да, то можно сделать так:
<body class="your-class-enabled">
  ...
    <div class="your-class">...</div>
    <div class="your-class">...</div>
  ...
</body>


И CSS переделать. Вместо
.your-class {
  ...
}

писать
.your-class-enabled .your-class {
  ...
}


В этом случае достаточно убрать класс "your-class-enabled" из body и класс "your-class" отключится у всех элементов разом.
Ответ написан
1 комментарий
1 комментарий
miraage
@miraage
Старый прогер
Я бы сделал что-то вроде такого (сейчас с утра может с регуляркой затуплю).
И не надо никаких велосипедов.

var nodes = document.querySelectorAll('.className'),
    className =' foo',
    re = new RegExp('\\s*' + className + '\\s*', 'gi');

for (var i = 0, len = nodes.length; i < len; i++) {
    var node = nodes[i];
    node.className = node.className.replace(re, ' ').trim();
}
Ответ написан
Комментировать
Комментировать
DrNemo
@DrNemo
Не знаю на сколько для вас медленно jquery, но можно сделать так:
$('.my_class').removeClass('my_class')
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать дизайн главной страницы сайта
19 апр. 2024, в 19:17
1500 руб./за проект
DevOps задачи, работа с Yandex Cloud и Yandex Database
19 апр. 2024, в 18:38
1500 руб./в час
Верстка сайта -4-5 страниц
19 апр. 2024, в 18:36
1500 руб./за проект
Ещё заказы