Ich habe einige Divs mit Divs darin, die ich durchlaufen möchte, während ich eine Klasse aus der aktuellen entferne und dann der nächsten Klasse hinzufüge.

Wenn ich dann die letzte erreicht habe, möchte ich zum Anfang zurückkehren und alles noch einmal machen.

Ich habe bereits eine Möglichkeit, dies zu tun, aber sie funktioniert nur für einen Satz von Divs. Ich werde viele Sätze von Divs haben, die unabhängig voneinander eine Schleife durchlaufen müssen.

Hier sind ein paar Beispielsätze (es würde eine zufällige Anzahl von Divs in jedem geben):

<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>

Ich muss diese aktuelle Klasse entfernen und sie zum nächsten Div in jedem Satz hinzufügen und so weiter.

Hier ist der Code, den ich habe, der mit einem Satz funktioniert:

$(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);
});