Javascript—为什么它只出现在第一个div中，而不出现在第二个div中？

我真的不知道javascript，但有一个巫婆的作品，但它只工作在每一页的第一个div一次

看这把小提琴。[

jQuery单击以切换

jQuery单击以切换 如果单击第一个div，它将打开/关闭背景

我已经添加了两次#div4“jQuery点击切换”，它只对第一个有效

如何让它在所有名为#div4的div上工作

---

谢谢！

每个元素都应该有一个唯一的

ID

，使用类选择器，或者给它们不同的

ID

，然后选择它们

<div class="div4">jQuery Click to Toggle</div>

$(".div4").on("click", function() {
    $(this).toggleClass('back-red');
});

jQuery单击以切换
$（“.div4”）。在（“单击”，函数（）{
$（this.toggleClass（'back-red'）；
});

---

请参见

每个元素都应该有一个唯一的

ID

，使用类选择器，或者给它们不同的

ID

，然后选择它们

<div class="div4">jQuery Click to Toggle</div>

$(".div4").on("click", function() {
    $(this).toggleClass('back-red');
});

jQuery单击以切换
$（“.div4”）。在（“单击”，函数（）{
$（this.toggleClass（'back-red'）；
});

---

请参见

将所有相关代码添加到OP而不是添加链接将所有相关代码添加到OP而不是添加链接真棒！谢谢，很高兴了解那里的ID/级别差异。真棒！谢谢，很高兴了解那里的ID/级别差异。