📌  相关文章
📜  如何在 jQuery 表中的某个索引处插入新行?(1)

📅  最后修改于: 2023-12-03 15:08:40.364000             🧑  作者: Mango

如何在 jQuery 表中的某个索引处插入新行?

在 jQuery 表格中,我们可以使用 insertRow() 方法来插入新行。以下是一个实现在表格的特定位置插入新行的示例。

HTML
<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 表中的某个索引处插入新行。

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 表格中的某个索引处插入新行的完整代码实现。