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

使用jquery将空行插入表中

4 个答案: