2

我有一个有 12 列的表。每列都有一个文本框。When I click on an 'Add' button, a new row should be inserted above the first row of the table. 我该怎么做？说，如果我使用 jquery append()，它只会在末尾添加行，但我想在第一行的顶部添加。

4

7 回答 7

6

尝试

$("#tableId tbody").prepend("<tr>..</tr>");
于 2013-08-16T09:31:11.797 回答
3

在Vanilla JavaScript中，它真的很简单：

var firstRow = yourTable.rows[0];
firstRow.parentNode.insertBefore(newRow,firstRow);
于 2013-08-16T09:31:22.280 回答
3

您可以使用以下替代方案

1) .before() 文档点击这里
2) .insertBefore( )文档点击这里
3) .prepend( )文档点击这里

于 2013-08-16T09:36:35.203 回答
1

使用.prepend

$("#tableId tbody").prepend("tr code here");
于 2013-08-16T09:32:00.317 回答
0

你可以使用这样的东西：

$('table > tbody > tr:first').before('<tr>...</tr>');
于 2013-08-16T09:32:17.847 回答
0

使用.prepend()方法。此功能完全符合您的需要。

于 2013-08-16T09:35:40.207 回答
0

尝试这个：

<table id="tblTest">
    <tr>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
    </tr>
</table>
<table>
    <tr>
        <td><input type="button" value="Add" id="btnAdd"></input></td>
    </tr>
</table>


var row = $("#tblTest tbody").html();
$("#btnAdd").click(function(){
    $("#tblTest tbody").prepend(row);
});

小提琴

于 2013-08-16T09:35:59.513 回答