Question

我有两个div有一些输入。那些div排成一排。我有一个按钮“+”。当我点击按钮时，我想多次复制此行。

我尝试了什么：

(function($) {
    $(function() {
        var asSelect = $('div[data-type="affected-software"]').clone(),
            srSelect = $('div[data-type="severity-rating"]').clone().addClass('end');

        $('#addASRow').click(function() {
            var row = $('<div class="row">')
                .append(asSelect)
                .append(srSelect)
                .append('</div>');
            $('#asList').append(row);
        });
    });
})(jQuery);

所以我克隆了div然后我将它们包装成div.row（因为第一行输入也包含“+”按钮。实际上在第一行我有3个div：2个带输入和1个按钮。点击后我只想复制前2个div并将它们放在一行中）。之后附加到主#asList div。

发生了什么：第一次工作，然后我得到空行

Answer 1

好吧，我用这段代码解决了这个问题，虽然我认为它不是一个干净的解决方案：

(function($) {
    $(function() {
        var asSelect = $('div[data-type="affected-software"]').clone()[0].outerHTML,
            srSelect = $('div[data-type="severity-rating"]').clone().addClass('end')[0].outerHTML;

        $('#addASRow').click(function() {
            var row = $('<div class="row" />')
                .append(asSelect)
                .append(srSelect);
            $('#asList').append(row);
        });
    });
})(jQuery);

复制一些html，然后将其包装并插入多次

1 个答案: