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/

添加＆amp;在php-jquery中动态删除字段集

1 个答案: