javascript - 添加相对于输入值的 dom 元素

Question

我有这个函数，它根据插入输入元素的值将元素添加到dom，如果我将新值插入到输入中，则先前的元素将被删除并插入新元素。

我想要的是保留旧元素并添加新元素

html:

<input type="text" placeholder="insert the number of div" class="number">
<button>submit</button>
<br>
<div id="wrapper"></div>

jquery:

$('button').click(function(){
        var boxes = '';
        var i;
        var inputValue = $('.number').val();
        for(i=0; i < inputValue; i++){
            boxes += "<div class='box'></div>";
        }
        $('#wrapper').html(boxes);
    });

Answer 1

而不是$.html

$('#wrapper').html(boxes);

使用

$('#wrapper').append(boxes);

您可以在此处阅读有关这两种方法的更多信息:

• append
• html