我遇到了一些相关的问题，试图在单击的行之后插入一个表行。除了.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);

提示：通过innerHTML或.html（）在html表中插入行在某些浏览器中是无效的（类似于IE9），在任何浏览器中使用.append（“<tr></tr>”）都不是很好的建议。最好和最快的方法是使用纯javascript代码。

要以这种方式与jQuery结合，只需添加类似于jQuery的新插件：

$.fn.addRow=function(index/*-1: add to end  or  any desired index*/, cellsCount/*optional*/){
    if(this[0].tagName.toLowerCase()!="table") return null;
    var i=0, c, r = this[0].insertRow((index<0||index>this[0].rows.length)?this[0].rows.length:index);
    for(;i<cellsCount||0;i++) c = r.insertCell(); //you can use c for set its content or etc
    return $(r);
};

现在在整个项目中使用它，类似于：

var addedRow = $("#myTable").addRow(-1/*add to end*/, 2);

使用jQuery.append（）使用jQuery.appendTo（）使用jQuery.after（）使用Javascript.insertRow（）使用jQuery-添加html行

试试看：

//使用jQuery-append$（'#myTable>tbody'）.append（'<tr><td>3</td><td>Smith-Patel</td></tr>'）；//使用jQuery-appendTo$（'<tr><td>4</td><td>J.Thomson</td></tr>'）.appendTo（“#myTable>tbody”）；//使用jQuery-添加html行让tBodyHtml=$（'#myTable>tbody'）.html（）；tBodyHtml+='<tr><td>5</td><td>Patel S.</td></tr>'；$（'#myTable>tbody'）.html（tBodyHtml）；//使用jQuery-after$（'#myTable>tbody-tr:last'）.之后（'<tr><td>6</td><td>天使布鲁ice</td></tr>'）；//使用JavaScript-insertRowconst tableBody=document.getElementById（'myTable'）.getElementsByTagName（'tbody'）[0]；const newRow=tableBody.insertRow（tableBody.rows.length）；newRow.innerHTML='<tr><td>7</td><td>K。Ashwin</td></tr>'；<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><table id=“myTable”><thead><tr><th>Id</th><th>名称</th></tr></thead><tbody><tr><td>1个</td><td>约翰·史密斯</td></tr><tr><td>2个</td><td>汤姆·亚当</td></tr></tbody></table>

所以，自从@Luke Bennett回答这个问题后，情况就发生了变化。这里有一个更新。

jQuery自1.4版（？）起自动检测您试图插入的元素（使用append（）、prepend（）、before（）或after（）方法中的任何一种）是否是<tr>，并将其插入到表中的第一个<tbody>中，如果不存在，则将其包装到新的<tbody中。

因此，是的，您的示例代码是可以接受的，并且可以与jQuery1.4+一起工作。；）

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

为了在这个主题上添加一个好例子，如果您需要在特定位置添加一行，这里有一个有效的解决方案。

额外的行添加在第5行之后，如果少于5行，则添加在表的末尾。

var ninja_row = $('#banner_holder').find('tr');

if( $('#my_table tbody tr').length > 5){
    $('#my_table tbody tr').filter(':nth-child(5)').after(ninja_row);
}else{
    $('#my_table tr:last').after(ninja_row);
}

我把内容放在桌子下面一个现成的（隐藏的）容器上。。因此，如果您（或设计师）必须更改，则无需编辑JS。

<table id="banner_holder" style="display:none;"> 
    <tr>
        <td colspan="3">
            <div class="wide-banner"></div>
        </td>   
    </tr> 
</table>

我尝试过最受欢迎的一种，但它对我不起作用，但下面的效果很好。

$('#mytable tr').last().after('<tr><td></td></tr>');

即使那里有一个雪橇，它也会起作用。