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

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

如果您有另一个变量，您可以在＜td＞标记中访问，就像那样。

这样我希望会有帮助

var table = $('#yourTableId');
var text  = 'My Data in td';
var image = 'your/image.jpg'; 
var tr = (
  '<tr>' +
    '<td>'+ text +'</td>'+
    '<td>'+ text +'</td>'+
    '<td>'+
      '<img src="' + image + '" alt="yourImage">'+
    '</td>'+
  '</tr>'
);

$('#yourTableId').append(tr);

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>');

这是我的解决方案

$('#myTable').append('<tr><td>'+data+'</td><td>'+other data+'</td>...</tr>');

我的解决方案：

//Adds a new table row
$.fn.addNewRow = function (rowId) {
    $(this).find('tbody').append('<tr id="' + rowId + '"> </tr>');
};

用法：

$('#Table').addNewRow(id1);

在你的情况下，纯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>包装每一行）