javascript - 同じクラスを持つクリック イベントで動的に作成された div の色を変更するにはどうすればよいですか?

Question

同じクラスを持つクリック イベントで動的に作成された div の色を変更するにはどうすればよいですか?

$(this).css('color', 'pink'); これにより、クリックされた div の色を変更できます。

しかし、クリックした色をピンクに、残りのdivの色を黒に変更したいです。

ヒントをお願いします。

参照コード：

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

クラス「class1」を持つ3つのdivがあります。1 つの div をクリックすると、その div はピンクに変わり、他の div は黒になります。

Answer 1

このように .on() を試してください：

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

Answer 2

これを試して：

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

ここにフィドルがあります