javascript - 如何在具有相同类的单击事件中更改动态创建的 div 的颜色？

Question

如何在单击事件时更改具有相同类的动态创建的 div 的颜色？

$(this).css('color', 'pink');有了这个，我们可以改变点击的 div 颜色。

但我想将点击的颜色更改为粉红色，并将剩余的 div 颜色更改为黑色。

有什么提示吗？

引用代码:

$('#main_div').on('click','class1', function(){
  $(this).css('color','pink');       
});

我有三个正在上“class1”类的 div。当我点击一个 div 时，那个 div 应该变成粉红色，而另一个应该变成黑色。

Answer 1

试试这个，

DEMO

代码:

  $("#main_div").on("click", ".class1", function () {
        $(this).css("color", "red");
        $(".class1").not(this).css("color", "black");
    });