Question

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

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

我需要一些JQuery尝试将新的html附加到表的末尾并在输入键上执行，它还会选择正确的表来附加它，因为有很多表。

这是我的代码无效但尝试执行此操作：

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选择，后面是：

$('#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之后删除选择器中的sapce。

JQuery在表的末尾附加数据

3 个答案: