如何在Javascript上更改DIV标记的类？

Question

我实际上要做的是用JavaScript函数调用填充一些问题的答案。但是每次我逐步添加答案时，它都不会找到没有答案的问题，但同时也是如此。我的解决方案是每次我给出一个问题的答案，我改变它的div类，以便下次回答加载时找不到。

以下是迄今为止的iv：

.mustache：

<div class="all-answers ui-sortable" id="question_{{order}}">
</div>

的.js：

function addAnswers() {

    var test = $("#survey-ajax").find("#answers_from_prev .all-answers-prev");

    .
    .     (code adding answers)
    .

    // after answers are added, div class should be changed
    var allAnsPrev = $("#survey-ajax").find(".all-answers-prev");
    allAnsPrev.className="all-answers-prev_changed";

}

这样的事情。那可能吗？还是有更简单的方法吗？

Answer 1

allAnsPrev是一个jQuery对象，但className是一个DOM元素属性。使用jQuery方法更改类。

allAnsPrev.removeClass("all-answers-prev").addClass("all-answers-prev_changed");

您可以使用toggleClass缩写：

allAnsPrev.toggleClass("all-answers-prev all-answers-prev_changed");