DpOLEGapx
@DpOLEGapx
HTML-Верстальщик

Как удалить класс у всех соседних элементов?

Добрый день, подскажите пожалуйста как удалять класс selected по клику, у не активного пункта)
https://fiddle.jshell.net/9Lufhat3/163/

P.S JQ не предлагать, про .siblings() в курсе:)
  • Вопрос задан
  • 204 просмотра
Пригласить эксперта
Ответы на вопрос 3
0xD34F
@0xD34F
Делегируете обработку клика контейнеру, при клике ищите элемент с нужным классом, снимаете класс. Типа так.
Ответ написан
coderisimo
@coderisimo
Кому помог, не забывайте о СПАСИБО, б..! :-)
по клику на кнопке
$('.sidebar-item').removeClass('selected');
$(this).addClass('selected');


БЕЗ jQ ваш код (идея та же):
var menuItems = document.getElementsByClassName("sidebar-item");
  for (var i = 0; i < menuItems.length; i++) {
            menuItems[i].addEventListener("click", function() { 
            var x = document.getElementsByClassName("sidebar-item");
            Array.prototype.forEach.call(x, function(el) {
            el.classList.remove("selected");
});
           this.classList.add('selected');
         });
  }
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
17 авг. 2018, в 17:10
15000 руб./за проект
17 авг. 2018, в 16:58
60000 руб./за проект
17 авг. 2018, в 16:55
10000 руб./за проект