使用 foreach 循环表行

在 jQuery 和 JavaScript 中，循环遍历表格行是一项非常常见的任务。使用 forEach 循环可以方便地遍历表行并执行基于行的操作。

语法

$(selector).find('tr').each(function(){
    // 行级别操作
});

参数

1. selector: 选择器，选择包含表格行的容器。
2. tr: 表格行。
3. function: 循环的功能。可以是任何 JavaScript 可执行代码。

示例

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>23</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>28</td>
      <td>男</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>21</td>
      <td>女</td>
    </tr>
  </tbody>
</table>

使用 jQuery 遍历表格行并将每行的第一个单元格输出：

$('table tbody tr').each(function(index){
  var name = $(this).find('td:eq(0)').text();
  console.log('姓名:', name);
});

请注意，我们使用 $(this) 来代指正在循环的当前行。在此示例中，我们查找第一个 <td> 元素并将该元素的文本值存储在 name 变量中，最后将其记录到控制台。

总结

使用 $(selector).find('tr').each(function(){ ... }); 来迭代表格行，可以轻松访问表格中的单元格和元素属性，并执行必要的操作。