📅  最后修改于: 2023-12-03 15:08:40.364000             🧑  作者: Mango
在 jQuery 表格中,我们可以使用 insertRow()
方法来插入新行。以下是一个实现在表格的特定位置插入新行的示例。
<table id="myTable">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>30</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
</tr>
<tr>
<td>Bob</td>
<td>40</td>
</tr>
</tbody>
</table>
这是一个简单的表格,但它足以演示如何在 jQuery 表中的某个索引处插入新行。
$(function() {
const index = 1; // 定义想要插入新行的索引
const newRow = $("<tr><td>Emily</td><td>28</td></tr>"); // 创建新行的 jQuery 对象
$("#myTable").find("tbody tr").eq(index).before(newRow); // 将新行插入到特定索引前面
});
在上面的实现中,我们使用了 find()
方法来查找 myTable
表格中的所有 tr
元素。然后,我们使用 eq()
方法来选择我们要在其前面插入新行的特定索引位置。最后,我们使用 before()
方法来将新行插入到所选索引前面。
以上就是如何在 jQuery 表格中的某个索引处插入新行的完整代码实现。