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();

演示：Fiddle

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();

Demo

Answer 3

你的桌面结构完全搞砸了，尝试从表格中移除表格并包裹整个主体和页脚，这也应该有助于你的真正问题。