Javascript--爲什麼它只出現在第一格而不是第二格？

Question

我真的不知道JavaScript，但採取了一個女巫的作品，但它只能在每個頁面的第一個div上工作一次。

看看這個小提琴。 [https://jsfiddle.net/Lr0g8snL/1/]

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

jQuery的點擊切換

我你點擊第一個div，它切換的背景/關。

我添加了＃div4「jQuery點擊切換」兩次，它只能在第一個上工作。

我如何得到它在所有稱爲＃div4的div上工作？

謝謝！

Answer 1

每個元素都應該有一個唯一的ID，改爲使用類選擇器，或者給它們不同的IDs然後選擇它們。

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

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

見fiddle