javascript - 将类添加到以前有事件类的 div

Question

如何将 class="demo" 添加到

<div class="single-step active">

以前有 class="active"

点击带有 id="sf-next" 的下一步按钮

这是 demo

这是我目前使用的。

$("#sf-next").click(function() {
     $(".active").addClass("done");
});

但是当我点击下一步时，class="active" 移动到第二个 div，class="done" 也是如此。

但事实并非如此。 Class="done" 应该添加到之前有 class="active" 的 div。

Answer 1

如果它真的是下一个按钮，您可以将新类而不是实际的“事件”应用于上一个事件

$("#sf-next").click(function() {
 $(".active").prev().addClass("done");
});

否则你必须找出事件类发生变化的点，并在此点之前执行你的onclick函数。