0

Подскажите, есть ли аналог jquery метода prevAll() для нахождения всех предыдущих элементов одного узла ? Приведу пример

let li = document.querySelectorAll("li");

li.forEach(elem => {
  elem.addEventListener("click", function() {
    this.classList.add("active");
  })
})

function prevAll(element) {
  let result = [];

  while (element = element.previousElementSibling);
  result.push(element);
  return result;
}
.active {
  color: red;
}
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

Как добиться того что б по нажатию на li получить добавления класса не только к текущему элементу но и ко всем предыдущим. Возможен ли тут метод без for ?

4
  • while (element = element.previousElementSibling)//;
    – user176262
    30 сен 2020 в 14:52
  • В Ваших вопросах чувствуется "душевная неприязнь" к циклу for. Как Вы думаете, что происходит в prevAll?
    – user176262
    30 сен 2020 в 15:01
  • Вредно использовать = в условиях) Читая такой код, сразу напрашивается мысль, что забыли == 30 сен 2020 в 15:18
  • @OPTIMUSPRIME: а по мне, так отлично читается, хотя и непривычно поначалу.
    – UModeL
    30 сен 2020 в 15:49

1 ответ 1

1

const lis = document.querySelectorAll('li')

lis.forEach((q, w) => {
  q.addEventListener('click', () => {
    lis.forEach((e,r) => {
      e.classList.remove('active')
      if(r <= w) {
        e.classList.toggle('active')
      }
    })
  })
})
.active {
  color: red;
}
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.