在div之間切換div類（jQuery，javascript）

Question

我認爲這應該是一個非常常見的jquery函數，但我無法找到任何有關它的信息。

說我有10個divs，每個div點擊觸發一個事件。所以，當我cilck一個div，jquery添加一個類，說「點擊」的div。但是我怎樣才能設置它，所以當我點擊另一個div時，它會刪除先前的div類「clicked」並將它提供給我剛剛點擊的div？

謝謝！

Answer 1

$("div.groupname").click(function() { 
    $(this).addClass("clicked").siblings().removeClass("clicked"); 
}); 

或：

$("div.groupname").click(function() { 
    $(this).siblings().removeClass("clicked").end().addClass("clicked"); 
}); 

You can try it here.

Answer 2

試試這個

$('.one').click(function(){ 
    $(this).addClass('two'); 
    $(this).siblings().removeClass('two'); 
}); 

CSS

.one{ 
    background:red; 
    height:50px; 
    width:200px; 
    margin-bottom:20px; 
} 

.two{ 
    background:green; 
} 

HTML

<div class="one"> 
</div> 

<div class="one"> 
</div> 

實施例：http://jsfiddle.net/jasongennaro/fNWxf/