jQuery 从表的第一列获取数据 - Javascript

本篇将介绍如何使用jQuery来获取表格的第一列数据，通过javascript实现。

方案一：使用:first-child选择器

// 获取表格的第一列数据
var firstColumnData = [];
$('table tr td:first-child').each(function() {
    firstColumnData.push($(this).text());
});

console.log(firstColumnData); // 输出第一列数据

此方法通过使用:first-child选择器选择表格中的第一列单元格，并通过.each()方法遍历每个单元格，将文本内容添加到firstColumnData数组中。

方案二：使用索引获取第一列数据

// 获取表格的第一列数据
var firstColumnData = [];
$('table tr').each(function() {
    var firstCellText = $(this).find('td').eq(0).text();
    firstColumnData.push(firstCellText);
});

console.log(firstColumnData); // 输出第一列数据

此方法通过使用.each()方法遍历每一行，然后使用.find()方法找到每行的第一个单元格，并通过.eq(0)方法获取第一个单元格的文本内容，并将其添加到firstColumnData数组中。

方案三：使用tr:first-child td选择器

// 获取表格的第一列数据
var firstColumnData = [];
$('table tr:first-child td').each(function() {
    firstColumnData.push($(this).text());
});

console.log(firstColumnData); // 输出第一列数据

此方法通过使用tr:first-child td选择器选择表格中第一行的所有单元格，并通过.each()方法遍历每个单元格，将文本内容添加到firstColumnData数组中。

以上三种方案可以根据实际需求选择适合的方法来获取表格的第一列数据。请根据具体情况选择相应的方案。