Hinzufügen von DOM-Elementen relativ zum Eingabewert

Question

Ich habe diese Funktion, die dem dom Elemente entsprechend dem in ein Eingabeelement eingefügten Wert hinzufügt. Wenn ich einen neuen Wert in die Eingabe einfüge, werden die vorherigen Elemente gelöscht und neue Elemente eingefügt .

, was ich will, ist die alten Elemente zu halten und neue zu ihm hinzufügen

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

Statt $ .html

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

Verwenden Sie

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

Sie können mehr über beide Methoden lesen Sie hier:

• append
• html