Jquery 获取表中的每一行

本文介绍如何使用jquery获取表中的每一行。这对于需要对表格进行操作的程序员来说非常有用。

步骤

1. 在HTML中定义一个表格

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John Doe</td>
      <td>30</td>
      <td>johndoe@gmail.com</td>
    </tr>
    <tr>
      <td>Jane Doe</td>
      <td>25</td>
      <td>janedoe@gmail.com</td>
    </tr>
    <tr>
      <td>Bob Smith</td>
      <td>40</td>
      <td>bobsmith@gmail.com</td>
    </tr>
  </tbody>
</table>

2. 使用jquery获取每一行

var rows = $('#myTable tbody tr');

3. 遍历每一行，并获取列值

rows.each(function() {
  var name = $(this).find('td:eq(0)').text();
  var age = $(this).find('td:eq(1)').text();
  var email = $(this).find('td:eq(2)').text();
  console.log(name + ', ' + age + ', ' + email);
});

此时，控制台将输出每一行的值。

解析

1. $('#myTable tbody tr')选择器选中了表格中每一行。
2. rows.each(function() {...})遍历了每一行，并在函数中获取了每一列的值。
3. $(this).find('td:eq(0)').text()获取了当前行中第一列的值。

结论

本文介绍了如何使用jquery获取表格中的每一行，并获取每一行的列值。这是对于需要对表格进行操作的程序员来说非常有用的技术。