JQuery бесконечный цикл через каждый div
У меня есть несколько div с div в них, которые я хочу просмотреть, удаляя класс из текущего, а затем добавляя класс к следующему.
Затем, когда я доберусь до последнего, я хочу вернуться к началу и повторить все заново.
У меня уже есть способ сделать это, но он работает только для одного набора элементов div, у меня будет много наборов элементов div, которые нужно зациклить независимо.
Вот пример нескольких наборов (в каждом будет случайное количество элементов div):
<div class="set">
<div class="current">Item1</div>
<div>Item2</div>
<div>Item3</div>
</div>
<div class="set">
<div class="current">Item1</div>
<div>Item2</div>
<div>Item3</div>
<div>Item4</div>
<div>Item5</div>
</div>
Мне нужно удалить этот текущий класс, и добавить его к следующему div в каждом наборе, и так далее.
Вот код, который у меня есть, который работает с одним набором:
$(function() {
var items = $('.set div').length;
current = 0;
setInterval(function() {
$('.set div').eq(current).removeClass('current');
if (current == items - 1){
current = 0;
} else {
current++;
}
$('.set div').eq(current).addClass('current');
}, 500);
});