javascript - JQuery 在表格末尾追加数据

标签 javascript jquery html

<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 select:

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

最佳答案

试试这个:

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

空格 $('#myTable ' 是问题..

#myTable 和 0.. 之间有空格

当你有 #myTable 0 时,你需要 #myTable0

关于javascript - JQuery 在表格末尾追加数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12339202/

相关文章:

javascript - 有没有办法删除 Marionette js 2.x 中 CollectionView 周围的额外包装 div?

使用 GWT 编译器从 Java 到 JavaScript

javascript - 如何导出全局工作的模块并用于 ES6 导入

jquery - :contain/start by

javascript - Bootstrap 4 Modal 在使用 jquery .load 后不会关闭

html - CSS完全用许多相同的子代填充容器

javascript - 如何解析sql结果?

jquery - 如何使用这个简单的 jQuery 禁用 HTML 文本字段?

html - 将 anchor 标记样式设置为看起来像提交按钮

javascript - 将字符串中的特定单词更改为粗体