javascript - html 中的附加值没有出现在我期望的位置

Question

我有一张最初显示的表格

1. 标头，
2. 总价格变量，
3. 底部的按钮。

我在 1.headers 之后放置了一个模板，期望附加值显示在总价格变量和按钮之前，但它们被附加到底部。为了在我为它们放置模板的位置插入新值，我缺少什么。我希望他们之前出现

  <td><p id="totalPrice" align="right"> Price </p></td>

我有一个jsfiddle显示我的问题。

感谢您的任何建议

Answer 1

尝试

    template(newRow, quoteItem)
    .insertAfter('#quote tr.template')
    .fadeIn();

演示：小提琴

Answer 2

您可以为<tr>总价提供一个类，以便您可以在之前插入它。

<tr class="total">
    <td></td>
    <td></td>
    <td><p id="totalPrice" align="right"> Price </p></td>
</tr>

接着：

template(newRow, quoteItem)
    .insertBefore($('#quote .total'))
    .fadeIn();

演示

Answer 3

您的表格结构完全搞砸了，尝试从表格中删除表格并包裹正文和页脚，这也应该有助于解决您的实际问题。