分(fēn)享到:

jquery實現repeat,增加删除一行

日(rì)期:2017-07-31 20:06:00     閱讀(dú):489     文章(zhāng)來(lái)源:源美網絡     标簽:深圳網站(zhàn)建設,龍崗網頁設計(jì)

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



文章(zhāng)引用:

本站(zhàn)文章(zhāng)爲深圳網站(zhàn)建設·源美網絡原創策劃,如(rú)有版權糾紛或者違規問(wèn)題,請(qǐng)聯系我們删除,謝謝!

上一篇: 阿裡(lǐ)雲服務器ECS被肉雞如(rú)何解決?

下一篇: Centos安裝dos2unix

返回列表
最新案例
OUR ADVANTAGE WORKS

售後保障

承諾任何問(wèn)題1小時内解決

數據備份

更安全、更高效、更穩定

價格公道精準

項目經理(lǐ)精準報價不弄虛作(zuò)假

合作(zuò)無風(fēng)險

重合同講信譽,無效全額退款