javascript - 附加到 而不是低于 。怎么了？

Question

在这个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>

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

Answer 1

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

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