在表中在顶部 js 添加一行

Question

当我点击按钮时，我需要在当前表格上方的表格中添加一行

我找到了搜索代码，但它在底部添加了一行，告诉我在哪里挖掘以重做它

http://jsfiddle.net/Guruprasad_Rao/Lg0v4yyz/

<table id="myTable" class="order-list">

    <thead>

        <tr>

            <td>Name</td>

            <td>Price</td>

        </tr>

    </thead>

    <tbody>

        <tr>

            <td>

                <input type="text" name="name" />

            </td>

            <td>

                <input type="text" name="price1" />

            </td>

            <td><input type="button" id="ibtnDel"  value="Delete"></td>

            <td colspan="5" style="text-align: left;">

                <input type="button" class="addRow" id="addrow" value="Add Row" />

            </td>

        </tr>

    </tbody>

    <tfoot>

        <tr>

            <td colspan="">Grand Total: $<span id="grandtotal"></span>

            </td>

        </tr>

    </tfoot>

</table>

Answer 1

你可以在你的 JS 脚本中做这样的事情：// Replace the following// newRow.insertAfter($(this).parents().closest('tr'));// withnewRow.insertBefore($(this).parents('tr'));