动态新增和删除元素

<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
版权声明:本文为博主原创文章,转载请附上博文链接!

猜你喜欢

转载自www.cnblogs.com/php-linux/p/11132149.html
今日推荐