将表格单元格添加到现有表格行，jQuery

Posted 2023-03-05

【中文标题】将表格单元格添加到现有表格行，jQuery

【英文标题】：Add table cell to existing table row, jQuery

【发布时间】：2011-12-14 01:56:45

【问题描述】：

我正在尝试使用 jQuery 向表格添加值 - 不幸的是，我不知道如何让 jQuery 将表格单元格添加到现有行。例如：

$("<td><a href='#'>" + key + "</a></td>").click(function(e) 
    e.preventDefault();
    testset(key);
).appendTo('#table1');

这会将 ID 为 table1 的单元格添加到表格的末尾。使用 jQuery 将单元格添加到现有表格行 (<tr>) 的最佳方法是什么？快速谷歌没有透露任何内容。 问候，

系统错误

【问题讨论】：

更改您的 #table1 选择器以引用相关表格行。如果您解释得更多，例如您想附加到哪个 tr 以及一些 html，将会有所帮助。

最简单的方法是提供 <tr> 和 id。或使用选择器，例如$('#table1 tr:last')

最后一个已知的表格行 - 谢谢，$('#table1 tr:last') 解决了它。

【参考方案1】：

.appendTo('#table1 #rowId');

或者你可以这样做：

.appendTo('#table1 tr:nth-child(5)');

http://api.jquery.com/nth-child-selector/

【参考方案2】：

您必须将它们附加到特定行而不是表格：

$("<td><a href='#'>" + key + "</a></td>").click(function(e) 
    e.preventDefault();
    testset(key);
).appendTo('#table1 tr#yourrowId');