使用jquery將空行插入到表中

Question

我想使用jQuery將行和列插入到表中。

當我插入一行時，來自最後一行的數據與它克隆。

如何插入沒有數據的行？ 以下是jquery和fiddle。

感謝您的任何幫助。

$('#irow').click(function(){ 
    $('#mtable tbody').append($("#mtable tbody tr:last").clone()); 
var rowCount = $('#mtable tr').length; 
$("#rowcount").text(rowCount) 
}); 

$('#icol').click(function(){ 
    $('#mtable tr').append($("<td class='container'>")); 
    $('#mtable thead tr>td:last').html($('#col').val()); 
    $('#mtable tbody tr').each(function()  {$(this).children('td:last').append($(''))}); 

var col = $('#mtable tbody tr:first > td').length; 
$("#colcount").text(col);  
}); 

Answer 1

克隆行，追加在克隆然後清除所有細胞，嘗試：

$("#mtable tbody tr:last").clone().appendTo('#mtable tbody').find("td").empty(); 

Answer 2

您正在使用clone（）;改爲創建一個新的空元素。

$('#mtable tbody').append($("<tr><td class=\"containter\"></td>td class=\"containter\"></td>td class=\"containter\"></td></tr>"); 

Answer 3

下面呢？

<script> 
$('#irow').click(function(){ 
    $('#mtable tbody').append('<tr><td></td>....</tr>'); // AS MUCH AS TD YOU WNAT 
var rowCount = $('#mtable tr').length; 
$("#rowcount").text(rowCount) 
}); 
</script> 

克隆將複製整個數據行。

Answer 4

空ID追加前。

$('#mtable tbody').empty();// to empty 
$("#mtable tbody tr:last").clone().appendTo('#mtable tbody')// then append