在php中动态添加和删除字段集 - jquery

Question

我试图在页面上添加'字段集合'，并删除一些'动态'创建的字段集合这一页。 jsfiddle 我可以在页面上添加一组字段，但不能删除它，因为动态创建的删除按钮没有触发jquery event。

我还希望禁用第一个删除按钮，因为该行集将始终被克隆。

请看我的代码jsfiddle，并且很好地纠正我正在做的错误。

感谢您花时间查看我的问题。

Answer 1

尝试：

  $(document).ready(function(){ 
     $("#live-alert").hide(); 
     //$("._remove_btn").hide(); 
$(".row").find('.btn_remove').attr("disabled", true); 
     var maxEntries=5; 
     var counter=1; 

     $("#extra").click(function(e){ 
      e.preventDefault(); 
      if(counter<maxEntries){ 
       $(".row:first-child").clone().removeAttr('id').appendTo("#set-group").find('.btn_remove').removeAttr("disabled"); 
       $(".row").find('.btn_remove').removeAttr("disabled"); 

       counter++; 
      }   
      else 
      { 
       alert("only 5 rows can be added"); 
      } 
     }); 

     $("body").on('click','._remove_btn',function(e){ 
      e.preventDefault(); 
      alert("remove div clicked"+counter.toString()); 
      $(this).parent().parent().remove(); 
      counter--; 
      if ($(".row").length == 1) { 
       $('body').find(".row").find('.btn_remove').attr("disabled", true); 
      } 

     });  
    }); 

的jsfiddle：http://jsfiddle.net/t3k2vf9c/3/