Javascript 如何更改单击事件时动态创建的div的颜色，谁拥有相同的类？

如何更改单击事件时动态创建的div的颜色，谁拥有相同的类

$（this.css（'color'，'pink'）；使用此选项，我们可以更改单击的div颜色

但我想将单击的颜色更改为粉红色，并将divs颜色重新设置为黑色

有什么提示吗

参考代码：

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

我有三个部门正在上“一班”。当我单击一个div时，该div应变为粉红色，而另一个div应为黑色。

Try.on（）如下所示：

$('body').on('click','div.yourclassname',function(){
    $(this).css('color', 'pink');
})

试试这个：

$("#div").on("click",".red",function(){
    $(this).css("color","pink");
});

试试这个

代码：

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

试试这样的

CSS

JAVASCRIPT

        $(function(){
            $('.clrs').click(function(){
                $('.clrs').css('background-color','black');
                $(this).css('background-color','pink');
            })
        })

HTML

试着这样做：

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

---

你试过了吗？我认为他需要更改“背景色”css属性。

    <div class="clrs"></div>
    <div class="clrs"></div>
    <div class="clrs"></div>
    <div class="clrs"></div>
    <div class="clrs"></div>

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