cómo cambiar el nombre de clase de un elemento por jQuery

Question

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

Quiero añadir:

.bestanswer 
{ 
    // some attribute 
} 

quiero reemplazar class="IsBestAnswer" de div a class="bestanswer" por jQuery. ¿Cómo hago esto?

estoy usando este enfoque:

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

pero no funciona.

Answer 1

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

El caso en los nombres de métodos es importante, por lo que no addclass.

jQuery addClass()
jQuery removeClass()

Answer 2

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

el código tiene dos problemas:

1. El selector .IsBestAnswe no coincide con lo que pensaba
2. Es addClass(), no addclass().

Además, no estoy seguro de si desea reemplazar la clase o agrega ella. El anterior reemplazará, pero quitar la parte .removeClass('IsBestAnswer') añadir solamente:

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

Usted debe decidir si desea utilizar camelCase o en minúsculas en sus clases CSS también (por ejemplo, bestAnswer vs bestanswer).

Answer 3

En lugar de removeClass y addClass, también puede hacerlo de esta manera:

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