テーブルの見出しを削除せずに、追加された行を元に戻す方法

Question

今、追加されたすべての行をリセットするためのリセットボタンがあります。問題はそれも私が保持したい私のテーブルの見出しを削除することです。 テーブルの見出しを維持するためのアイデアはありますか？ありがとうございます。

$('#add-row').click(function() { 
 
    var $tbody, $row, additionalRows; 
 
    var numNewRows = parseInt($('#insert-rows-amnt').val(), 10); 
 

 
    if (isNaN(numNewRows) || numNewRows <= 0) { 
 
    alert('Please enter number of injection'); 
 
    } else { 
 

 
    $tbody = $('table#one tbody '); 
 
    $row = $tbody.find('tr:last'); 
 
    var lastRowIndex = ($row.index() == -1 ? 0 : $row.index()) + 1; 
 
    additionalRows = new Array(numNewRows); 
 
    for (i = 0; i < numNewRows; i++) { 
 
     additionalRows[i] = ` <tr> 
 
    <td>${lastRowIndex}</td> 
 
     <td> 
 
     <input type="text" style="width: 100px" name="vaccineid[]"></td> 
 
     <td><input type="text" style="width:160px"name="vaccinename1[]"> \t \t \t \t </td> 
 
    \t </tr>` 
 
     lastRowIndex = lastRowIndex + 1; 
 
    } 
 

 
    $tbody.append(additionalRows.join()); 
 
    } 
 
}); 
 

 
$('[name="reset"]').click(function() { 
 
    $('#one tr').remove(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="number" id="insert-rows-amnt" name="insert-rows-amnt" value="<?php echo $tam ?>" /> 
 
<button id="add-row" type="button">Add Row</button> 
 
<button type="reset" name="reset">Reset Row</button> 
 

 
<table id="one"> 
 
    <thead> 
 
    <th>No.</th> 
 
    <th>Name</th> 
 
    <th>Gender</th> 
 
    </thead> 
 
    <tbody> 
 
    </tbody> 
 
</table>

Answer 1

ちょうどいいですその<TBODY>

$('#one tbody tr').remove();