动态新增和删除元素

<div id="appendDevelopmentNumber">

</div>

 

//添加

function addDevelopmentNumber() {

    $("#appendDevelopmentNumber").append('<div class="row">\n' +

        '                        <div class="form-group">\n' +

        '                            <label class="col-sm-4 control-label"></label>\n' +

        '                            <input name="developmentNumber" data-role="maskedtextbox" type="text" style="width:100px;"\n' +

        '                                   data-bind="value:model.developmentNumber"  class="k-textbox"/>\n' +

        '                            <input name="developmentNumber" data-role="maskedtextbox" type="text" style="width:180px;"\n' +

        '                                   data-bind="value:model.developmentNumber"  class="k-textbox"/>\n' +

        '                            <button type="button" class="btn btn-default" aria-label="Left Align" onclick="addDevelopmentNumber()">\n' +

        '                                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>\n' +

        '                            </button>\n' +

        '                            <button type="button" class="btn btn-default" aria-label="Left Align" onclick="delDevelopmentNumber(this)">\n' +

        '                                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>\n' +

        '                            </button>\n' +

        '                        </div>\n' +

        '                    </div>');

}

 

//移除

function delDevelopmentNumber(e) {

    console.info(e);

    console.info($(e).parent().parent());

    $(e).parent().parent().remove();

}
---------------------
作者：小发明家啦啦啦啦啦
来源：CSDN
原文：https://blog.csdn.net/qq_39404935/article/details/83000014
版权声明：本文为博主原创文章，转载请附上博文链接！