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/