在表中在顶部 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'));

// with

newRow.insertBefore($(this).parents('tr'));