Javascript html中的附加值未显示在我期望的位置

我有一个表，最初显示

标题

总价格变量

底部的按钮

我将一个模板放在1.1之后，希望附加值显示在total price变量和按钮之前，但它们被附加到底部。在为新值插入模板的位置插入新值时，我缺少了什么。我想让他们在我之前出现

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

价格

我有一个问题要解决

谢谢您的建议

试试看

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

演示：

您可以给带有总价的

一个类，以便您可以在之前插入它

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

---

您的表格结构完全混乱，请尝试从表格中删除表格并包装表格的正文和页脚，这也将有助于解决您的实际问题。

您能否缩小代码范围，并将其发布到实际问题中？似乎有很多不必要的代码只是为了重现问题。无效的HTML。请先把它修好

……

？？？@David刚刚更新，没有太多东西可以拿出来，尽管看起来我下面有一些回应要检查out@squint这是ejs而不是html，这是你指的还是其他什么？@Four_-lo:ejs是什么？我说的是你的HTML标记。标记未正确平衡，某些元素的位置无效。如果这样做，则插入的下一行将位于最后一行之前：）谢谢您的帮助。我想我可能需要它在最后。是的，那太好了。非常感谢你的帮助

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