@OculusDaemon

Как перекидывать класс на следующий элемент?

Подскажите пожалуйста, как, с помощь jquery, по клику на next перекидывать класс .active на следующий .item?
Вот пример: https://codepen.io/OculusDaemon/pen/bvNPyd
P. S. Пробовал сделать на чистом js, но срабатывает только один раз.
Как делал на js: https://codepen.io/OculusDaemon/pen/eMmqNG
  • Вопрос задан
  • 143 просмотра
Решения вопроса 2
coderisimo
@coderisimo Куратор тега JavaScript
https://codepen.io/coderisimo/pen/OvPKMP ?
А так жестко привязываем возможность клика к активному диву
https://codepen.io/coderisimo/pen/qoEeNJ
Ответ написан
Комментировать
0xD34F
@0xD34F Куратор тега JavaScript
document.querySelector('.items').addEventListener('click', e => {
  const button = e.target.closest('.next');
  const item = button && button.closest('.item.active');
  if (item) {
    item.classList.remove('active');
    (item.nextElementSibling || item.parentNode.children[0]).classList.add('active');
  }
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы