这两天做一个管理系统页面的时候遇到一个问题，有的时候需要动态把一个元素复制几个出来，例如添加联系地址，有的时候有几个地址，那么可以动态的添加、删除地址个数。
做添加的功能并不复杂，只需要在添加按钮上绑定事件就可以了，但是做删除的时候就让我折腾了好久，除非把删除的功能代码写在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();
});
});
});
//点击添加按钮后，自动找父节点中的.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路漫漫呀。。。