как изменить имя класса элемента с помощью JQuery

Question

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

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

.bestanswer 
{ 
    // some attribute 
} 

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

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

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

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

Answer 1

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

Дело в именах методов важно, поэтому нет addclass.

jQuery addClass()
jQuery removeClass()

Answer 2

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

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

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

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

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

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

Answer 3

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

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