在按钮上添加它后动态更改元素CSS属性Javascript [重复](Dynamically change element CSS properties after adding it on butt

在按钮上添加它后动态更改元素CSS属性Javascript [重复](Dynamically change element CSS properties after adding it on button click Javascript [duplicate])

这个问题在这里已有答案：

动态创建元素的事件绑定？ 23个答案

用户使用按钮创建div后，我希望能够单击该div并更改其颜色。 我想知道为什么这是不可能的。 如果div是硬编码的，而不是在动态创建之后，它可以工作。 另外，我如何使其工作？

$("#addDiv").click(function() { var div = '<div id="clickMe" style="width:200px; height:200px; background:blue;"></div>'; $("#container").html(div); }); $("#clickMe").click(function() { $(this).css("background", "red"); });

This question already has an answer here:

Event binding on dynamically created elements? 23 answers

After the user creates a div with a button click I'd like to be able to click on that div and change its color. I'm wondering why this is not possible. It works if the div is hard coded in but not after it is dynamically created. Also, how do I make it work?

$("#addDiv").click(function() { var div = '<div id="clickMe" style="width:200px; height:200px; background:blue;"></div>'; $("#container").html(div); }); $("#clickMe").click(function() { $(this).css("background", "red"); });

最满意答案

您需要动态生成元素的事件委托 ，如下所示。

$('body').on('click', '#clickMe', function() { $(this).css("background", "red"); });

You need event delegation for dynamically generated element like following.

$('body').on('click', '#clickMe', function() { $(this).css("background", "red"); });