Как в javascript последовательно обойти все элементы класса?

Есть в html класс .class, как для каждого элемента этого класса задать некоторые параметры, но чтобы параметры задавались последовательно. Т.е. сначала для 1-ого элемента, через 1 секунду для 2-ого и т.д. В jquery метод each задаёт параметры для всех элементов одновременно.
  • Вопрос задан
  • 1468 просмотров
Решения вопроса 1
standy
@standy
Просто setInterval
var $elements = $('.class');
var index = 0;
var intervalId = setInterval(function() {
  if (index >= $elements.length) return clearInterval(intervalId);
  $elements.eq(index).css({border: '1px solid red'}); // тут делаем что нужно
  index++;
}, 1000);
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
thewind
@thewind
php программист, front / backend developer
1. Берете список нужных элементов обычным селектором jquery
2. В обычным JS цикле (нумерованном) обходите весь список, беря элемент по порядковому номеру i
3. Устанавливаете timeout на i*1000 для установки класса

Можно и через .each с использованием $(this).index и таких же таймаутов
Ответ написан
Ваш ответ на вопрос

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

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