奇怪的行問題

我需要一點幫助，當我嘗試將行添加到我的表時遇到問題。奇怪的行問題

我有這樣的代碼：

HTML：

<table class="dataTable" id="CADataTable"> 
<thead> 
    <tr> 
     <th> Type</th> 
     <th> Name</th> 
     <th> Adress</th> 
     <th> ID Number</th> 
     <th> Contact</th> 
     <th> Note</th> 
    </tr> 
</thead> 
<tbody> 
    <tr>   
     <td><input type="text" name="CAType" style="width: 9em;"></td> 
     <td><input type="text" name="CAName" style="width: 15em;"></td> 
     <td><input type="text" name="CAAdress" style="width: 15em;"></td> 
     <td><input type="text" name="CAIdNum" style="width: 6em;"></td> 
     <td><input type="text" name="CAContact" style="width: 10em;"></td> 
     <td><input type="text" name="CANote" style="width: 15em;"></td> 
    </tr> 
</tbody> 
</table> 
<button type="button" id="export" class="button" onClick="test()">ADD</button>

和jQuery：

test = function(){ 
     $('#CADataTable tr:last').after('<td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td>'); 
};

jsfiddle here

第一行正確添加和一切都很好，但後再次按下按鈕，第二排沒有顯示我所期望的位置它。我也試過這個：

$('#CADataTable > tbody:last').append('<td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td>');

沒有成功。我確信我錯過了一些非常小的東西，但作爲一名jQuery初學者，我無法發現它。

來源

2013-07-09 Slim

因爲您忘記了添加tr元素。將<tr></tr>添加到您的jQuery代碼中。像這樣...

$('#CADataTable tr:last').after('<tr><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td></tr>');

來源

2013-07-09 08:00:04 mohkhan

追加到tr不給tbody

$('#CADataTable tbody tr:last').append

如果你想將其追加爲一行

$('#CADataTable tbody').append('<tr><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td></tr>');

演示------>http://jsfiddle.net/9Ngvk/2/

來源

2013-07-09 08:00:11

包括<tr>標籤after方法。如下所示

$('#CADataTable tr:last').after('<tr><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td></tr>');

來源

2013-07-09 08:01:41

奇怪的行問題

回答

相關問題