javascript - JQuery 在表尾追加数据

Question

<table id="myTable0" name="myTable0">
<tbody>
<tr>
</tr>
</tbody>
</table>

<table id="myTable1" name="myTable1">
<tbody>
<tr>
</tr>
</tbody>
</table>

我需要一些 JQuery 来尝试将新的 html 附加到表的末尾并在 enter 键上执行此操作，它还将选择正确的表将其附加到，因为有许多表。

这是我的代码不起作用但尝试这样做：

for (i=0; i<2; i++)
  {
$("#newComment" + i).keyup(function(event){
    if(event.keyCode == 13){
        var $test= $('<tr><td>content here</td></tr>');
        $('#myTable '+ i + ' > tbody:last').append($test);
    }
}

给我带来问题的行是 Jquery select，如下所示：

$('#myTable '+ i + ' > tbody:last').append($newdiv1);

Answer 1

尝试这个：

$('#myTable' + i + ' > tbody:last').append($newdiv1);

空间$('#myTable '是问题。。

您在#myTable 和 0.. 之间有空格。

你需要#myTable0的时候#myTable 0

Answer 2

是的，这很简单，就像这样

$('#myTable'+ i).find('tr:last').append($test);

这样就完成了。

Answer 3

有错别字吗？我认为您的意思是 $test 如果 $newdiv1 在有问题的行中。

我可以看到你只有一个<tbody>标签，所以 ':last' 选择器不是必需的。我觉得

$('#myTable' + i + ' tbody').append($test);

会没事的。

编辑：是的，正如 Rajat Singhal 所说，在 #myTable 之后删除选择器中的空间。