如何通过jquery更改元素的类名

Question

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

我想补充一下：

.bestanswer
{
    // some attribute
}

我想用jquery将class="IsBestAnswer" div替换为class="bestanswer"。 我该怎么做？

我正在使用这种方法：

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

但它不起作用。

Answer 1

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

方法名称中的大小写很重要，因此没有addclass。

jQuery addClass()
jQuery removeClass()

Answer 2

您可以这样做，而不是removeClass和addClass：

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

Answer 3

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

您的代码有两个问题：

1. 选择器.IsBestAnswe与您的想法不匹配
2. 它是addClass()，而不是addclass()。

此外，我不确定您是否要替换类或添加它。以上内容将替换，但删除.removeClass('IsBestAnswer')部分仅添加：

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

您应该决定是否在CSS类中使用camelCase或全小写（例如bestAnswer与bestanswer）。