Question

I have a function in javascript that changes a span class when I click on a button, but when I move the mouse over the that span the class changes for the old one. Why?

Answer 1

If your html button was rendered like this:

<button class="btn-primary">Awesome Button</button>
<p>My class is <span class="label">btn-primary</span>

You might replace it’s class like this:

$('button').on('click', function(){
    var self = $(this);
    self.removeClass('btn-primary').addClass('btn-danger');
    $('span').text('btn-danger');
});​

Here is a functional jsFiddle example