javascript - 我在 jquery/javascript 中动态追加 td 有什么问题？

Question

我有一个表，其中每行包含两个元素:

<table>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td></tr>
</table>

我试图将带有“D”的单元格附加到最后一行(当前表中已存在的第二行)，但遇到困难。

我尝试执行:

$("table").children().get(1).append("<td>D</td>");

和

var elem = $("<td/>", {
    text: 'D'
});

$("table").children().get(1).appendChild(elem);

我收到错误:

Uncaught Error: NotFoundError: DOM Exception 8 

将 tbody 放在那里也不起作用:

$("table tbody").children().get(1).appendChild(elem);

执行此操作的正确方法是什么？

我不想仅仅依赖“最后一个 td”，因为假设我有另一个元素“E”，我希望它自动添加到第三行，而不是将其作为第三列添加到第二行末尾。

Answer 1

尝试:

$("table td:last").after("<td>D</td>");

jsFiddle example

结构结果:

<table>
<tbody><tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</tbody></table>