相对于输入值添加dom元素

Question

我有这个函数,根据插入到input元素中的值向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);

您可以在此处详细了解这两种方法:

• 附加
• HTML