OlegLantukh
@OlegLantukh
Верстальщик

Как при клике на текущий элемент убрать класс у остальный?

Как сделать так, чтобы при клике на кнопку текущего элемента списка добавлять ему класс, а у остальных удалять?
Пока работает только добавление и удаление класса текущему

const catalogItems = document.querySelectorAll('.catalog__item-category');
const catalogItemsButtons = document.querySelectorAll('.catalog__button-item');

  for (let i = 0; i < catalogItems.length; i++) {
    catalogItemsButtons[i].addEventListener('click', () => {
      catalogItems[i].classList.toggle('catalog__item--open');
   });
  }
  • Вопрос задан
  • 126 просмотров
Решения вопроса 1
@Delta01
@de1ta01 пиши, помогу с вёрсткой =)
for (let i = 0; i < catalogItems.length; i++) {
  catalogItemsButtons[i].addEventListener('click', () => {
    for (let j = 0; j < catalogItems.length; j++) {
      catalogItems[j].classList.remove('catalog__item--open');

      if (i === j) catalogItems[j].classList.add('catalog__item--open'); 
    }
  });
}
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы