Как удалить active у всех кроме нажатой кнопки с помощью javascript?

Пользователь

от nelle , в категории: JavaScript , 10 месяцев назад

Как удалить active у всех кроме нажатой кнопки с помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от eudora , 10 месяцев назад

@nelle 

Можно сделать это следующим образом:

  1. Получаем коллекцию всех элементов с необходимым классом: const buttons = document.querySelectorAll('.my-button');
  2. Добавляем обработчик события клика для каждой кнопки: buttons.forEach((button) => { button.addEventListener('click', () => { // Ваш код здесь }); });
  3. В обработчике события клика удаляем класс active у всех кнопок, кроме нажатой: buttons.forEach((button) => { button.addEventListener('click', () => { buttons.forEach((btn) => { if (btn !== button) { btn.classList.remove('active'); } }); button.classList.add('active'); }); }); Здесь мы проходимся циклом по всем кнопкам и удаляем класс active, если кнопка не равна нажатой. Затем добавляем класс active к нажатой кнопке.