Как изменить имя класса элемента по jquery

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

Я хочу добавить:

.bestanswer
{
    // some attribute
}

Я хочу заменить class="IsBestAnswer" на div на class="bestanswer" на jquery. Как это сделать?

Я использую этот подход:

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

но он не работает.

Ответ 1

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

Значения в именах методов важны, поэтому нет addclass.

jQuery addClass()
jQuery removeClass()

Ответ 2

Вместо removeClass и addClass вы также можете сделать это следующим образом:

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

Ответ 3

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

В вашем коде две проблемы:

Селектор .IsBestAnswe не соответствует тому, что вы считали
Это addClass(), а не addClass().

Кроме того, я не уверен, хотите ли вы заменить класс или добавить его. Вышеупомянутое заменит, но удалите часть .removeClass('IsBestAnswer'), чтобы добавить только:

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

Вы также должны решить, использовать ли camelCase или все строчные буквы в ваших CSS-классах (например, bestAnswer vs. bestAnswer).