jquery - 删除以前动态添加的类

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