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＞。

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

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

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

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

对于此处发布的最佳解决方案，如果最后一行上有一个嵌套表，则新行将添加到嵌套表而不是主表。快速解决方案（考虑带/不带tbody的表和带嵌套表的表）：

function add_new_row(table, rowcontent) {
    if ($(table).length > 0) {
        if ($(table + ' > tbody').length == 0) $(table).append('<tbody />');
        ($(table + ' > tr').length > 0) ? $(table).children('tbody:last').children('tr:last').append(rowcontent): $(table).children('tbody:last').append(rowcontent);
    }
}

用法示例：

add_new_row('#myTable','<tr><td>my new row</td></tr>');

如果你有一个<tbody>和一个<tfoot>呢？

例如：

<table>
    <tbody>
        <tr><td>Foo</td></tr>
    </tbody>
    <tfoot>
        <tr><td>footer information</td></tr>
    </tfoot>
</table>

然后它将在页脚中插入新行，而不是插入正文。

因此，最好的解决方案是包含<tbody>标记并使用.append，而不是.after。

$("#myTable > tbody").append("<tr><td>row content</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。

var html = $('#myTableBody').html();
html += '<tr><td>my data</td><td>more data</td></tr>';
$('#myTableBody').html(html);

or

$('#myTableBody').html($('#myTableBody').html() + '<tr><td>my data</td><td>more data</td></tr>');