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

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

Вопрос банальный и меня интересует скорее не просто решение, а красивое и быстрое с минимальной затратой процессорного времени. Узлов включающий некоторый .class может быть очень много (в добавок часто происходит динамическое добавление-удаление) и данное место является довольно критичным в интерфейсе.
В голову с лету ничего кроме цикла и replace на "" не приходит. Спросил нанятого фрилансера - ничего путного.
Посоветуйте пожалуйста лучший путь. Спасибо!
  • Вопрос задан
  • 2912 просмотров
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 FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Отредактировать картинку и сделать с ней инфографику
16 нояб. 2024, в 22:54
100 руб./за проект
Моделирование очередей посетителей общепита на Unity
16 нояб. 2024, в 22:40
3000 руб./за проект
Рефакторинг и доработка существующего приложения на Flutter
16 нояб. 2024, в 21:46
300000 руб./за проект
Ещё заказы