如何使用jquery动态创建div或元素

Question

我已经发出了ajax请求，并且获得了各种各样的行，并将它们回显为动态创建的div。现在我想将事件绑定到每个div，如mousedown（）..做一些事情，但我无法访问任何div。请帮助我吗？

Answer 1

您可以使用.live()，像这样：

$(".myDivClass").live('mousedown', function() { 
    alert('Your mouse is down!'); 
}); 

You can view a quick demo here

它未将事件绑定到这些新的申报单，它只是执行功能/处理每当mousedown发生在一个元素匹配那个类（通过冒泡来确定），获得你想要的效果......就好像你将处理程序绑定到每个出现的新div。

Answer 2

和另一种解决方案，比.live()

你可以只加载jQuery函数dinamycally，在您的ayax请求。 它不是在小任务有用的，但在大的项目也可以是非常有用的（从我的做法......）

Answer 3

如果您使用jQuery 1.7+你应该使用.on()或.delegate()为.live()折旧。

jQuery("table").on("click", "tr", function(event){});