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

转载于:https://www.cnblogs.com/sunjing/archive/2008/12/04/1347641.html