Javascript - 为什么它只出现在第一个div而不是第二个？

Question

我真的不知道javascript，但已经采取了一个巫婆的作品，但它只在每一页的第一个div上工作一次。

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

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

jQuery单击以切换

我点击第一个div，它会打开/关闭背景。

我已经添加了＃div4“jQuery Click to Toggle”两次，它只适用于第一个。

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

谢谢！

Answer 1

每个元素都应该有一个唯一的ID，使用类选择器，或者给它们不同的IDs，然后选择它们。

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

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

请参阅fiddle