jquery第一列的数据

JQuery是一个非常强大的JavaScript库，它提供了许多方便的方法来简化JavaScript的编写。其中一个常用的功能就是处理表格数据。针对表格数据中的每一行，我们常常需要进行各种各样的操作，比如计算、排序、筛选、翻页等等。而对于表格中的第一列数据，也就是表头所对应的数据，我们同样需要对它进行特殊的处理。

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
      <th>地址</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>18</td>
      <td>男</td>
      <td>北京市海淀区</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>20</td>
      <td>女</td>
      <td>上海市浦东区</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>22</td>
      <td>男</td>
      <td>广州市天河区</td>
    </tr>
  </tbody>
</table>

在上面的表格中，我们可以看到第一列是“姓名”这个表头对应的数据，它是我们经常需要处理的一列。在JQuery中，我们可以很方便地获取这一列的所有数据。例如：

var names = [];
$('table tbody tr').each(function() {
  names.push($(this).find('td:first').text());
});
console.log(names); // ["张三","李四","王五"]

上面的代码使用了each()方法来循环遍历表格中的每一行数据，然后使用find()方法来查找每行数据中的第一列数据，最后使用text()方法来获取这个数据的文本值，将它们全部存入一个数组中。这样，我们就成功地获取了表格中第一列的所有数据，可以对它们进行更多的操作。