js table 生成序号_jQuery——动态给表格添加序号

可以使用 jQuery 来给表格添加序号。可以通过以下步骤来实现：

1. 在表格中添加一个新的列，用于显示序号。

2. 使用 jQuery 遍历表格中的每一行，为每一行添加序号。

下面是一个示例代码：

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
      <th>序号</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>20</td>
      <td>男</td>
      <td></td>
    </tr>
    <tr>
      <td>李四</td>
      <td>25</td>
      <td>女</td>
      <td></td>
    </tr>
    <tr>
      <td>王五</td>
      <td>30</td>
      <td>男</td>
      <td></td>
    </tr>
  </tbody>
</table>

$(document).ready(function() {
  // 遍历每一行
  $('#myTable tbody tr').each(function(index) {
    // 在序号列中显示序号
    $(this).find('td:last').text(index + 1);
  });
});

在上面的示例代码中，我们首先在表格中添加一个新的列，用于显示序号。然后使用 jQuery 遍历表格中的每一行，通过 `index` 参数来获取当前行的序号，并将序号显示在最后一列中。