附加到 <td> 而不是低于 <tr>.怎么了

Appending to <td> instead of below <tr>. What's wrong?

本文关键字：tr 怎么了 td      更新时间：2023-09-26

In this jsFiddle

http://jsfiddle.net/littlesandra88/tZqYX/

我希望在单击"详细信息"的下方插入一个新<tr>。

我愿意

$('.row').append("<tr><td>It worked</td></tr>");

但这导致

<tr class="row">
  <td class="edit-column"><a href="javascript:addRemove('7249');">Details</a> <input value="Save" type="submit"></td>
<tr><td>It worked</td></tr></tr>

我希望的地方

<tr class="row">
  <td class="edit-column"><a href="javascript:addRemove('7249');">Details</a> <input value="Save" type="submit"></td>
</tr>
<tr><td>It worked</td></tr>

知道如何解决这个问题吗？

尝试$('.row').after("<tr><td>It worked</td></tr>");

.append.将行追加到 .row 行。使用 .after 会将行放在 .row 行之后

尝试.after()而不是.append() 

$('.row').after("<tr><td>It worked</td></tr>");

您基本上是在尝试添加到现有行中。 您需要将新行添加到表中。 或者尝试类似下一个$row之后的东西。

尝试.after()。 .append(( 用于在子列表末尾的指定元素内粘贴某些内容

$(<tr><td>It worked</td></tr>").insertAfter($('.row'));
您需要

将新行附加到 tbody 元素，而不是行本身

您基本上是在尝试添加到现有行中。 您需要将新行添加到表中。 或者尝试类似下一个$row之后的东西。

$('#accTable').append("<tr><td>It worked</td></tr>");

.after()可能是您要查找的。它将在 row 元素之后追加文本。

相关文章：