jquery:DOM更改后重新绑定事件的问题

    这两天做一个管理系统页面的时候遇到一个问题，有的时候需要动态把一个元素复制几个出来，例如添加联系地址，有的时候有几个地址，那么可以动态的添加、删除地址个数。

 

    做添加的功能并不复杂，只需要在添加按钮上绑定事件就可以了，但是做删除的时候就让我折腾了好久，除非把删除的功能代码写在HTML里，否则如果用JQ做的事件绑定就会失效，想想也是，JQ绑定的时候DOM里并没有这个元素，所以之后生成出来的元素并不能绑定上。

 

     折腾N久无结果后，今天向高手求助，得到一段JQ的代码：

$(function(){ //点击添加按钮后，自动找父节点中的.tableTemplet,追加到父节点 $(".templetAdd").click(function(){ var oContent=this.parentNode; $($(oContent).find(".tableTemplet").html()).appendTo(oContent).find('.templetDel').click(function() { $(this).parents('table:eq(0)').remove(); }); }); });

 

这段代码的重点是从第二个find开始，它在更新了DOM后，利用JQ的函数链又做了一次绑定，高手就是高啊！！！

 

学习了。。学JS路漫漫呀。。。

 

转自：http://www.cnblogs.com/sunjing/archive/2008/12/06/1349097.html