程式如下:
<table id="add-block">
<thead>
<tr>
<th width="92%">項目</th>
<th width="8%"> </th>
</tr>
</thead>
<tbody>
<tr>
<td>倒數第二行</td>
<td> </td>
</tr>
<tr>
<td>最後一行</td>
<td> </td>
</tr>
</tbody>
</table>
<input type="button" class="add-btn" value="新增欄位" />
<script>
//動態新增欄位
$(".add-btn").click(function () {
$("#add-block > tbody").eq($(this).length-2)
.prepend('<tr>'+
'<td class="align-top">'+
'<input type="text" name="Text[]" placeholder="請輸入描述" value="">'+
'</td>'+
'<td>'+
'<input type="button" value="刪除" class="btn btn-danger" onclick="delC(this)" />'+
'</td>'+
'</tr>');
});
//移除欄位
function delC(obj) {
//刪除欄位
obj.parentNode.parentNode.remove();
}
</script>
程式執行後
按新增欄位
會從倒數第二行往前新增欄位
不過..這樣只完成一半
我想做到
選擇器選到倒數第2行後
在倒數第二行前面開始往下新增
目前程式會往上新增..