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

Question

我認為這應該是一個非常常見的jquery函數，但我找不到任何關於它的東西。

說我有10個div，每個div在點擊時觸發一個事件。 所以，當我把一個div變成cilck時，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");
});

你可以在這里試試。

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/