javascript - Javascript-为什么只在第一个div而不在第二个div上发生？

我真的不了解Javascript，但是已经使用了一个女巫作品，但是在每个页面的第一个div上它只能作品一次。

看这个小提琴。 [https://jsfiddle.net/Lr0g8snL/1/]

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

jQuery单击以切换

如果您单击第一个div，它将打开/关闭背景。

我添加了两次＃div4“ jQuery单击以切换”，它仅在第一个上起作用。

如何使它在所有称为＃div4的div上工作？

谢谢！

最佳答案

每个元素应具有唯一的ID，而应使用类选择器，或为它们指定不同的IDs，然后选择它们。

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

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