wie von jquery Klassenname eines Elements ändern

Question

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

ich hinzufügen möchten:

.bestanswer 
{ 
    // some attribute 
} 

I class="IsBestAnswer" von div class="bestanswer" von jquery ersetzen möchten. Wie mache ich das?

Ich bin mit diesem Ansatz:

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

aber es funktioniert nicht.

Answer 1

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

Fall in Methodennamen ist wichtig, also keine addclass.

jQuery addClass()
jQuery removeClass()

Answer 2

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

Ihr Code hat zwei Probleme:

1. Der Wähler .IsBestAnswe stimmt nicht überein, was Sie dachten
2. Es ist addClass(), nicht addclass().

Auch ich bin nicht sicher, ob Sie die Klasse ersetzen möchten oder hinzufügen. Die oben ersetzen, sondern entfernen Sie den .removeClass('IsBestAnswer') Teil nur hinzuzufügen:

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

Sie sollten entscheiden, ob Camelcase oder All-Klein in Ihren CSS-Klassen zu verwenden, zu (z bestAnswer vs. bestanswer).

Answer 3

Statt removeClass und addClass, können Sie es auch tun, wie folgt aus:

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