Question

I’m using this snippet to add a class based on its id:

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

but need to remove the last added class if one has been added as its causing problems when clicking previously clicked buttons as the current (higher) class overides lower, how can this be achieved?

JFiddle for better understanding

Answer 1

Just use removeClass to clear the div first.

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

jsFiddle example