我使用jQuery向表中添加一行作为最后一行。
我是这样做的：
$('#myTable').append('<tr><td>my data</td><td>more data</td></tr>');
您可以向这样的表中添加的内容（例如输入、选择、行数）是否有限制？有不同的方法吗？
当前回答
上面的答案非常有用，但当学生参考此链接从表单中添加数据时，他们通常需要一个示例。
我想提供一个示例，从from获取输入，并使用.after（）使用字符串插值将tr插入到表中。
function add(){
let studentname = $("input[name='studentname']").val();
let studentmark = $("input[name='studentmark']").val();
$('#student tr:last').after(`<tr><td>${studentname}</td><td>${studentmark}</td></tr>`);
}
函数add（）{let studentname=$（“input[name='studentname']”）.val（）；let studentmark=$（“input[name='studentmark']”）.val（）；$（'#student-tr:last'）.after（`<tr><td>$｛studentname｝</td><td>${studentmark｝</td></tr>`）；}<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><!DOCTYPE html><html><head><style>表{字体系列：arial，sans-serif；边界塌陷：塌陷；宽度：100%；}td，第{边框：1px实心#dddddd；文本对齐：左侧；填充：8px；}tr：第n个孩子（偶数）{背景色：#dddddd；}</style></head><body><表单><input-type='text'name='studentname'/><input-type='text'name='studentmark'/><input-type='button'onclick=“add（）”value=“add new”/></form><table id=“学生”><thead><th>名称</th><th>标记</th></thead></table></body></html>
其他回答
我尝试过最受欢迎的一种，但它对我不起作用，但下面的效果很好。
$('#mytable tr').last().after('<tr><td></td></tr>');
即使那里有一个雪橇，它也会起作用。
使用JQuery添加tabe行：
如果要在表的最后一个子行之后添加行，可以尝试以下操作
$('#myTable tr:last').after('<tr>...</tr><tr>...</tr>');
如果要添加表的第1行子级，可以尝试以下操作
$('#myTable tr').after('<tr>...</tr><tr>...</tr>');
如果要在＜tr＞第一个子项之前添加行。
$("#myTable > tbody").prepend("<tr><td>my data</td><td>more data</td></tr>");
如果要在＜tr＞最后一个子项之后添加行。
$("#myTable > tbody").append("<tr><td>my data</td><td>more data</td></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>');
由于我也有一种方法在最后或任何特定位置添加行，所以我认为我也应该分享这一点：
首先找出行的长度：
var r=$("#content_table").length;
然后使用以下代码添加行：
$("#table_id").eq(r-1).after(row_html);
