how to change class name of an element by jquery

Question

<div class="bestAnswerControl">     <div id="ct100_contentplaceholder_lvanswer_control_divbestanswer"            class="IsBestAnswer"></div> </div> 

I want to add:

.bestanswer {     // some attribute } 

I want to replace class="IsBestAnswer" of div to class="bestanswer" by jquery. How do I do this?

I am using this approach:

$('.IsBestAnswer').addclass('bestanswer');  

but it's not working.

Answer 1

$('.IsBestAnswer').addClass('bestanswer').removeClass('IsBestAnswer'); 

Case in method names is important, so no addclass.

jQuery addClass()
jQuery removeClass()

Answer 2

Instead of removeClass and addClass, you can also do it like this:

$('.IsBestAnswer').toggleClass('IsBestAnswer bestanswer');