删除以前的动态添加类

Question

我用这个片段根据其ID添加一个类：

$('.block').click(function() { 
    $('#bg').addClass($(this).attr('id')); 
    }); 

但需要删除最后添加类，如果以前，当点击一个已加入成为其造成的问题点击按钮，因为当前（较高）班的声音较低，这怎么能实现呢？

JFiddle for better understanding

Answer 1

只需使用removeClass先清除DIV。

$('.block').click(function() { 
$('#bg').removeClass().addClass($(this).attr('id')); 
});​ 

jsFiddle example

Answer 2

可以使用attr方法：

$('.block').click(function() { 
    $('#bg').attr('class', this.id); 
}); 

Fiddle

Answer 3

你必须做这样的事情

$('.block').click(function() { 
$('#bg').removeClass() 
$('#bg').addClass($(this).attr('id'));  
});​ 

fiddle link