javascript - 如何更改 Javascript 上 DIV 标签的类？

Question

我实际上想做的是用 JavaScript 函数调用的答案来填充一些问题。但每次我逐步添加答案时，它不仅会找到没有答案的问题，还会找到有答案的问题。我的解决方案是每次我回答问题时，我都会更改它的 div 类，这样下一个答案加载时就不会找到它。

这是我到目前为止得到的:

. 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");