jak zmienić nazwę klasy elementu przez jQuery

Question

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

chcę dodać:

.bestanswer 
{ 
    // some attribute 
} 

Chcę zastąpić class="IsBestAnswer" div do class="bestanswer" przez jQuery. Jak to zrobić?

Używam tego podejścia:

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

ale to nie działa.

Answer 1

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

Przypadek w nazwach metod jest ważny, więc nie ma addclass.

jQuery addClass()
jQuery removeClass()

Answer 2

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

Twój kod ma dwa problemy:

1. Selektor .IsBestAnswe nie pasuje do tego, co myślał
2. To addClass() nie addclass().

Ponadto, nie jestem pewien, czy chcesz zastąpić klasę lub dodać go. Powyższy zastąpi, ale usunąć .removeClass('IsBestAnswer') udział dodać tylko:

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

Należy zdecydować, czy użyć CamelCase lub all-małe litery w swoich klasach zbyt CSS (np bestAnswer vs. bestanswer).

Answer 3

Zamiast removeClass i addClass, można też zrobić to w ten sposób:

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