当单击同一类中的另一个按钮时，通过jquery对按钮进行的类更改会被更改回来

我想在单击白色（'btn-secondary'）分页上的按钮时，将其颜色从引导更改为黄色（'btn-warning'）。 这适用于下面的代码，但如果我在同一分页上单击“下一步”按钮，则先前单击的按钮将变为上一种颜色

HTML：

<button class="showAufgabe btn btn-secondary btn-sm">01</button>
<button class="showAufgabe btn btn-secondary btn-sm">02</button>
...
<button class="showAufgabe btn btn-secondary btn-sm">39</button>
<button class="showAufgabe btn btn-secondary btn-sm">40</button>

先谢谢你！：-）

下面是它的gif图像：

---

我要第一个保持黄色

正如有人评论的那样，使用

$（this）

仅针对已单击的按钮

像这样：

$('.showAufegabe.btn-secondary').click( function () {
    $(this).addClass('btn-warning').removeClass('btn-secondary');    
});


$('.showAufegabe.btn-warning').click( function () {
    $(this).addClass('btn-secondary').removeClass('btn-warning');    
});

---

将

.showAufgabe

设置为变量时，实际上选择的是共享同一类名的所有元素—在本例中是所有按钮

var showAufgabe = $('.showAufgabe');

相反，当在函数中单击按钮时，可以调用

$（this）

。然后，它将仅在该特定按钮上切换

.btn warning

$（.showAufgabe”）。在（'click'，function（）上{
$（this.toggleClass（'btn-warning'）；
});
.btn警告{
背景颜色：黄色；
}

01
02
...
39
40
$（'.showAufgabe'）表示所有具有该类的btn——因此只需使用$（this）将更改应用于单击的btn即可。我不太懂舒尔的意思……我编辑了我的帖子@themd91这是否达到了您的预期？是的，严格意义上说它达到了！但是我的分页脚本代码干扰了它，我不知道这一点。我将在几分钟内编辑我的帖子。对不起，我有问题！我有一个php for循环，它创建了40个练习，包括for循环每个步骤的所有按钮。因此，每次我单击一个按钮，就会显示另一组分页html，因此它不起作用！所以你的代码达到了我的目的，非常感谢@Liondedan@themd91伟大的祝你在接下来的构建中好运
var showAufgabe = $('.showAufgabe');