Jquery 具有链接的元素组上的循环类

如何在单击链接时在一组元素上循环一个类。 以下是HTML的外观：

<section class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</section>
<a href="#">Iterate Class on Items</a>

---

Fiddle:

您想添加类

活动的

或检查它是否有类

活动的

$('a').click(function() {
     $('.container .item').each(function() {
          //cycle .active class on click
     });
});

 $('a').click(function() {
     // Activate next
     $('.container .item.active').removeClass('active').next().addClass('active'); 
     // If none are active, activate first
     if ($('.container .item.active').length == 0) 
         $('.container .item').slice(0,1).addClass('active'); 
    });