jquery table添加序号

在 jQuery 中添加表格序号可以通过遍历表格中的行来实现，具体步骤如下：

1. 在表格中添加一个空的 `<td>` 元素，用于显示序号。

2. 使用 jQuery 的 `each()` 方法遍历表格中的每一行，为序号单元格设置文本内容，序号从 1 开始递增。

   $(function() {
     // 遍历表格中的每一行
     $('table tr').each(function(index) {
       // 在每一行的第一个单元格中添加序号
       $(this).find('td:first').text(index + 1);
     });
   });

3. 如果需要对序号单元格进行样式设置，可以在 CSS 中对空的 `<td>` 元素或者序号单元格进行样式设置。

下面是一个完整的例子：

<style>
  table td:first-child {
    font-weight: bold;
  }
</style>

<table>
  <thead>
    <tr>
      <th>#</th>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td>张三</td>
      <td>20</td>
    </tr>
    <tr>
      <td></td>
      <td>李四</td>
      <td>25</td>
    </tr>
    <tr>
      <td></td>
      <td>王五</td>
      <td>30</td>
    </tr>
  </tbody>
</table>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
  $(function() {
    $('table tr').each(function(index) {
      $(this).find('td:first').text(index + 1);
    });
  });
</script>