Javascript 在按下其他按钮后，无法第二次按下按钮以激活旋转

我的代码有问题：在按下其他按钮后，我无法再次按下按钮以激活旋转

您将在这里看到我的问题：

$（“#continue1”）。单击（函数（）{
$（“.rotate”）.toggleClass（“rotate1”）；
});
$（“#continue2”）。单击（函数（）{
$（“.rotate”）.toggleClass（“rotate2”）；
});
$（“#continue3”）。单击（函数（）{
$（“.rotate”）.toggleClass（“rotate3”）；
});
$（“#continue4”）。单击（函数（）{
$（“.rotate”）.toggleClass（“rotate4”）；
});
$（“#continue5”）。单击（函数（）{
$（“.rotate”）.toggleClass（“rotate5”）；
});

您需要删除所有其他

rotate

类，因为它们在CSS中具有优先权

通过从元素派生rotate类名的单个绑定，也可以使这一点变得简单得多

$("button").on('click', function () {
    $(".rotate").removeClass().addClass("rotate rotate" + $(this).text());
});

假设我单击“Continue1”，我看到第一次单击时会发生什么。如果我再次点击相同的按钮，我会看到什么，额外的旋转？

$("button").on('click', function () {
    $(".rotate").removeClass().addClass("rotate rotate" + $(this).text());
});