Поочередный клик на элементы набора в цикле

185

14 февраля 2018, 13:04

Привет! есть html

<div class="litle">
   <a href="#" class="active" dat="1" style="background-image:url(/assets/components/phpthumbof/cache/Mers221-1-4.bb455f5600dc99ee2262a6f103f447cd251.jpg);"></a>
   <a href="#" dat="2" style="background-image: url(/assets/components/phpthumbof/cache/Mers221-2.bb455f5600dc99ee2262a6f103f447cd251.jpg);"></a>
   <a href="#" dat="3" style="background-image: url(/assets/components/phpthumbof/cache/Mers221-8.bb455f5600dc99ee2262a6f103f447cd251.jpg);"></a>
  <a href="#" dat="4" style="background-image: url(/assets/components/phpthumbof/cache/Mers221-6.bb455f5600dc99ee2262a6f103f447cd251.jpg);"></a>
  <a href="#" dat="5" style="background-image: url(/assets/components/phpthumbof/cache/Mers221-7.bb455f5600dc99ee2262a6f103f447cd251.jpg);"></a>
</div>

Как сделать поочередный клик на каждом из элементов с задержкой в 1 сек и весь этот процесс повторить заново при достижении последнего элемента? Пробовал это для обхода элементов (хотя бы один раз)

$('.litle a').each(function(){
setTimeout(function(){
$(this).click();
},1000);
});

И это

$('.productp .litle a').each(function(){
setTimeout(function(){
$(this).trigger('click');
},1000);
});

На элементы также навешен обработчик клика,который меняет картинки в слайдере. Потому я хочу пробежаться по элементам и увидеть поочередную смену картинок слайдера. этого не происходит и ошибок нет в консоли. ЧЯДНТ?

Answer 1

Можете так попробовать:

var $items = $('.litle a'),
    items_length = $items.length,
    i = 0;
$items.click(function(e){
  e.preventDefault();
  console.log($(this).attr('dat'))
});
setInterval(function(){
  if(i == items_length) {
    i = 0
  }
  $items.eq(i).click()
  i++
}, 1000)

https://codepen.io/anon/pen/NygLXE