我遇到了一些相关的问题，试图在单击的行之后插入一个表行。除了.after（）调用对最后一行不起作用之外，一切都很好。

$('#traffic tbody').find('tr.trafficBody).filter(':nth-child(' + (column + 1) + ')').after(insertedhtml);

我想出了一个非常不整洁的解决方案：

按如下方式创建表（每行的id）：

<tr id="row1"> ... </tr>
<tr id="row2"> ... </tr>
<tr id="row3"> ... </tr>

等

然后：

$('#traffic tbody').find('tr.trafficBody' + idx).after(html);

简单来说：

$('#yourTableId').append('<tr><td>your data1</td><td>your data2</td><td>your data3</td></tr>');

$('#myTable').append('<tr><td>my data</td><td>more data</td></tr>');

将向表的第一个TBODY添加新行，而不依赖于存在的任何THEAD或TFOOT。（我没有从jQuery.append（）的哪个版本找到该行为的信息。）

您可以在以下示例中尝试：

<table class="t"> <!-- table with THEAD, TBODY and TFOOT -->
<thead>
  <tr><th>h1</th><th>h2</th></tr>
</thead>
<tbody>
  <tr><td>1</td><td>2</td></tr>
</tbody>
<tfoot>
  <tr><th>f1</th><th>f2</th></tr>
</tfoot>
</table><br>

<table class="t"> <!-- table with two TBODYs -->
<thead>
  <tr><th>h1</th><th>h2</th></tr>
</thead>
<tbody>
  <tr><td>1</td><td>2</td></tr>
</tbody>
<tbody>
  <tr><td>3</td><td>4</td></tr>
</tbody>
<tfoot>
  <tr><th>f1</th><th>f2</th></tr>
</tfoot>
</table><br>

<table class="t">  <!-- table without TBODY -->
<thead>
  <tr><th>h1</th><th>h2</th></tr>
</thead>
</table><br>

<table class="t">  <!-- table with TR not in TBODY  -->
  <tr><td>1</td><td>2</td></tr>
</table>
<br>
<table class="t">
</table>

<script>
$('.t').append('<tr><td>a</td><td>a</td></tr>');
</script>

在该示例中，b行插入在1 2之后，而不是第二示例中的3 4之后。如果表为空，jQuery将为新行创建TBODY。

jQuery有一个内置的工具，可以随时操作DOM元素。

您可以像这样向表中添加任何内容：

$("#tableID").find('tbody')
    .append($('<tr>')
        .append($('<td>')
            .append($('<img>')
                .attr('src', 'img.png')
                .text('Image cell')
            )
        )
    );

jQuery中的$（“＜some tag＞”）是一个标记对象，它可以有几个可以设置和获取的attr属性，以及文本，它表示标记之间的文本：＜tag＞text＜/tag＞。

这是一些非常奇怪的缩进，但您更容易看到这个示例中的情况。

在你的情况下，纯JS很短

myTable.firstChild.innerHTML += '<tr><td>my data</td><td>more data</td></tr>'

函数add（）{myTable.firstChild.innerHTML+=`<tr><td>日期</td><td>$｛+新日期｝</td></tr>`}td｛border:1px实心黑色；｝<button onclick=“add（）”>添加</button><br><table id=“myTable”><tbody></tbody></table>

（如果我们删除<tbody>和firstChild，它也会起作用，但用<tbody>包装每一行）

由于我也有一种方法在最后或任何特定位置添加行，所以我认为我也应该分享这一点：

首先找出行的长度：

var r=$("#content_table").length;

然后使用以下代码添加行：

$("#table_id").eq(r-1).after(row_html);