答案 0 :(得分：3)
您可以使用jquery clone复制第一个表格行，然后将其附加到表格底部。
您可以使用
找到表格的最后一行 var $lastTr = $('.classoftable tr').eq(1);
然后使用
克隆表格的最后一行 var $clone = $lastTr.clone();
现在使用
将此克隆行附加到表中 $clone.appendTo('.classoftable');
您还可以使用
突出显示新添加的行 $clone.effect("highlight", {
color: "#3c8dbc"
}, 2000);
供参考使用此jsfiddle
答案 1 :(得分：0)
首先， #id必须是唯一的，此规则没有例外。四个<input>都具有相同的<input id=＆＃34; <删除>曲子＆＃34; ... >。它们已被重新分配为id="A0"，id="B0"，id="C0"，id="D0"。
使用简单的JavaScript方法取代.html(...： insertAdjacentHTML() 与.html()完全相同，只是它插入而不是覆盖。
删除了不必要的空<tr>
移动i++，在添加行之前递增
使用 Template Literals 作为字符串，这使得该过程变得更加容易（请注意，您不必每次都添加大量+换行）
注意$('tbody')[0]括号表示法取消引用jQuery对象以在其上使用简单的JavaScript方法（即insertAdjacentHTML()）
添加了<select>的正确HTML以及增量i变量的正确插值
$(document).ready(function() {
var i = 0;
$("#add_row").click(function() {
i++;
$('tbody')[0].insertAdjacentHTML('beforeend', `
<tr id="nmr${i}">
<td>${i+1}</td>
<td>
<select name="shiftid" class="form-control">
<option selected disabled value="">
-Select An Option-
</option>
<option value="Normal Shift">Normal Shift
</option>
<option value="Long Shift">
Long Shift
</option>
</select>
</td>
<td>
<select name="breakid" class="form-control">
<option selected disabled value="">
-Select An Option-
</option>
<option value="break1">
11.45-12.15
</option>
<option value="break2">
20.30-21.00
</option>
<option value="break3">
18.00-18.45
</option>
<option value="break4">
00.00-00.30
</option>
<option value="break5">
07.00-07.30
</option>
</select>
</td>
<td>
<input id="A${i}" type="number" min="0" name="naturasa" class="form-control">
</td>
<td>
<input id="B${i}" type="number" min="0" name="naturapu" class="form-control">
</td>
<td>
<input id="C${i}" type="number" min="0" name="makannorm" class="form-control">
</td>
<td>
<input id="D${i}" type="number" min="0" name="ttal" class="form-control">
</td>
</tr>`);
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="datatable" class="container">
<h2>Data Input</h2>
<table class="table table-condensed" id="tab_logic">
<thead>
<tr>
<th>#</th>
<th>Shift</th>
<th>Jam Istirahat</th>
<th>Natura Sakit</th>
<th>Natura Puasa</th>
<th>Makan Normal</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr id="nmr0">
<td>
1
</td>
<td>
<select name="shiftid" class="form-control">
<option selected disabled value="">-Select An Option-</option>
<option value="Normal Shift">Normal Shift</option>
<option value="Long Shift">Long Shift</option>
</select>
</td>
<td>
<select name="breakid" class="form-control">
<option selected disabled value="">-Select An Option-</option>
<option value="break1">11.45-12.15</option>
<option value="break2">20.30-21.00</option>
<option value="break3">18.00-18.45</option>
<option value="break4">00.00-00.30</option>
<option value="break5">07.00-07.30</option>
</select>
</td>
<td>
<input id="A0" type="number" min="0" name="naturasa" class="form-control">
</td>
<td>
<input id="B0" type="number" min="0" name="naturapu" class="form-control">
</td>
<td>
<input id="C0" type="number" min="0" name="makannorm" class="form-control">
</td>
<td>
<input id="D0" type="number" min="0" name="ttal" class="form-control">
</td>
</tr>
</tbody>
</table>
<p></p>
<input type="submit" id="add_row" class="btn btn-primary btn-lg pull-left" value="Add Order">
<input type="submit" id="removedata" value="Remove Order">
</div>