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

Posted 2023-02-22

【中文标题】在 html 表中的第一行之后追加行

【英文标题】：append row after first row in a html table

【发布时间】：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);

http://api.jquery.com/after/

【讨论】：

如何添加具有向下滑动或淡入效果的行？

【参考方案3】：

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

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

Prepend documentation