@tkachenkoaanna097

Как добавлять классы итемам в завимости от пройденных шагов?

если мы на 3 шаге -то добавляем класс cost__elem--success первым двум элементам (cost__elem) -- для наглядности по умолчанию эти классы есть в разметке (cost__elem--success)

если на четвертом шаге - то первым трем
если на первом шаге - ничего не добавляем
https://jsfiddle.net/axsLwm24/1/

UPDATE.https://jsfiddle.net/jxwfvb0h/
  • Вопрос задан
  • 153 просмотра
Решения вопроса 1
Raxen
@Raxen
Frontend Developer, ~/.space307
Для этого вам нужно знать какой из элементов текущий, например элемент с классом cost__elem--current, тогда вы можете вешать на все до него класс --success

const items = Array.from(document.querySelectorAll('.cost__elem'));

for (let i = 0; i < items.length; i++) {
  if (!items[i].className.includes('cost__elem--current')) {
    items[i].classList.add('cost__elem--success');
  } else {
    return;
  }
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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