@etherealwm

Как получить номер активного элемента?

Есть такой код:

<div class="xlist">
  <div class="xitem">1</div>
  <div class="xitem">2</div>
  <div class="xitem active">3</div>
  <div class="xitem">4</div>
  <div class="xitem">5</div>
</div>

Как мне в переменную получить номер элемента в списке с классом active (в данном примере 3)?
  • Вопрос задан
  • 35 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
const index = Array
  .from(document.querySelectorAll('.xitem'))
  .findIndex(n => n.classList.contains('active'));

или

const elem = document.querySelector('.xitem.active');
const index = [...elem.parentNode.children].indexOf(elem);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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