現在のクラスからクラスを削除し、次のクラスにクラスを追加しながらループしたい div を含む div がいくつかあります。
そして最後まで来たらまた最初に戻ってやり直したい。
私はすでにこれを行う方法を持っていますが、それは div の 1 つのセットに対してのみ機能します。独立してループする必要がある 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 に追加する必要があります。
これが私が持っているコードで、1つのセットで動作します:
$(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);
});