jquery - 带有链接的元素组上的循环类

Question

如何在单击链接时在一组元素上循环一个类。这是 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>

JS：

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

Answer 1

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

小提琴：http: //jsfiddle.net/TMene/