删除以前动态添加的类

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