帶鏈接的元素組的循環類

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/