Подскажите пожалуйста как реализовать добавление класса к блоку в цикле. К примеру у меня есть несколько блоков и хочу чтоб каждому по очереди добавлялся класс "current" то-есть каждый блок был какое-то время активен и так бесконечно.
<div id="class-loop">
<div>
test1
</div>
<div>
test2
</div>
<div>
test3
</div>
<div>
test4
</div>
</div>
Я пробовал делать циклом, но он у меня проходит один раз по элементам и останавливается. Пробовал без цикла на jquery но тут у меня что-то странное выходит. Подскажите как сделать правильно буду благодарен
setInterval(function() {
$('#class-loop > div:nth-child(1)')
.addClass('current')
.next()
.removeClass('current')
.end()
.appendTo('#class-loop');
}, 3000);
.current{
color:red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="class-loop">
<div>
test1
</div>
<div>
test2
</div>
<div>
test3
</div>
<div>
test4
</div>
</div>