jquery - 回发后克隆的 html 行消失

Question

请给出解决方案。单击按钮时，我使用文本框克隆 html 行。它克隆成功，但是当我单击提交时，克隆的行消失。我想保留它。下面是我的 jquery 代码

$(document).ready(function () {
        var count = 0; var acount = 0;
        $('#add-button').click(function (e) {
            e.preventDefault();
            count++;
            var template = $('.chiller-record').clone();
            template.attr('id', 'VI' + count);
            template.find('input[type=text]').val('');
            template.find('input[type=hidden]').val(count);
            $.each(template.find('input[type=text]'), function () {
                var name = $(this).attr('name');
                name = name.replace('0', count);
                $(this).attr('name', name);
                var id = $(this).attr('id');
                id = id.replace('0', count);
                $(this).attr('id', id);

            });
            template.removeClass('chiller-record').addClass('chiller-record1');
            $('.list-chiller-record').append(template);
            var col = document.createElement('td');
            $('.list-chiller-record tr:last').append(col);
            col.innerHTML = "<a class='btn btn-white btn-danger btn-bold removeLink' id='removeLink'><i class='ace-icon fa fa-trash-o'></i> Remove</a>";
        });
        })
    });

标签： jqueryhtml