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路漫漫呀。。。