在 html 表中的第一行之后追加行

【问题标题】：append row after first row in a html table在 html 表中的第一行之后追加行
【发布时间】：2011-01-28 05:49:27
【问题描述】：

我有var row=<tr><td>val</td><td>val2</td></tr> 我试过这个：

$("#mainTable tbody").append(row);

但它会附加到表格的末尾。

我也试过$("#mainTable tr:first").after().append(row);

但是还没有结果。

请帮我理解。

【问题讨论】：

【解决方案1】：

InsertAfter 就是你要找的东西：

var row='<tr><td>val</td><td>val2</td></tr>';
$(row).insertAfter("#mainTable tr:first");

【讨论】：

【解决方案2】：

试试这个：

$("#mainTable tr:first").after(row);

【讨论】：

【解决方案3】：

您可以使用作为第一个子元素插入的 prepend JQuery 方法：

$("#mainTable tbody").prepend(row);

【讨论】：