@Httdientee

Удаление класса при нажатии на кнопку?

<div class="this-flex">
                <p>Тип материала</p>
                <div class="block-btn">
                    <button data-cost="100" class="active">Глянцевая мелованная</button>
                    <button data-cost="200">Плотная матовая Xerox Colotech</button>
                </div>
            </div>
 <div class="this-flex">
                <p>Плотность бумаги</p>
                <div class="block-btn">
                    <button data-cost="100" class="active">130 г/м</button>
                    <button data-cost="200">170 г/м</button>
                    <button data-cost="300">250 г/м</button>
                </div>
            </div>


Не могу сообразить как правильно сделать, мне нужно при нажатии на кнопку у которой нет класса active давать ей этот класс, а у кнопки которая уже имеет active убирать (при этом таких кнопок много, должна убираться именно та которая в одном столбце с кнопкой по которой был клик
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
document.addEventListener('click', ({ target: t }) => {
  if (t.dataset.cost) {
    Array
      .from(t.parentNode.children)
      .forEach(n => n.classList.toggle('active', n === t));
  }
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы