首页 » 前端开发 » 正文

jquery实现repeat,增加删除一行

$(document).ready(function(){
    $("#addrow").click(function(){  
        var div = $("#root:first").clone();
        $(".mt-repeater").append(div);
    });

});

function delrow(obj) {  
    var parent_id = $(obj).parent().parent();
    var count = $(".mt-repeater").find($(".mt-overflow")).length;
    if (count<2) {
        return false;
    } 
    $(parent_id).remove();   
}


<div class="form-group col-md-4 mt-repeater">
                        
                    
                        <div class="mt-repeater-item mt-overflow" id="root">
                            <div class="mt-repeater-cell">
                                <input type="text" placeholder="<?=lang('输入域名')?>" class="form-control mt-repeater-input-inline" name="domain[]" />
                                <a class="btn btn-danger mt-repeater-delete mt-repeater-del-right mt-repeater-btn-inline" id="delrow" onclick="delrow(this);">
                                    <i class="fa fa-close"></i>
                                </a>
                            </div>
                        </div>
                        
                    
                    
                </div>
<a class="btn btn-success" id="addrow">
                        <i class="fa fa-plus"></i> <?=lang('新增一条')?></a>
博主的文章或程序如果给您带来了价值,感谢您打赏一二
微信扫码支付 支付宝扫码支付

发表评论