添加&；在jquery中动态删除字段集 - Adding & Deleting Field sets on the fly in jquery

Adding & Deleting Field sets on the fly in jquery

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

我还想禁用第一个删除按钮，因为该行集将一直被克隆。

在jsfiddle上查看我的代码，并善意地纠正我正在做的错误。

谢谢你花时间看我的问题。

try:

            $(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/