获取表格行数据 jQuery - JavaScript

在 web 开发中，需要经常实现对表格的操作，其中一个常见的操作就是获取表格中的行数据。下面介绍如何使用 jQuery 和 JavaScript 获取表格行数据。

使用 jQuery 获取表格行数据

在使用 jQuery 获取表格行数据之前，需要先加载 jQuery 库。

步骤 1：获取表格

使用 jQuery 的选择器获取要操作的表格，例如：

var table = $('table');

步骤 2：获取行数据

使用 jQuery 的选择器获取表格中的每一行数据，例如：

var rows = $('tr', table);

步骤 3：遍历每行数据

使用 jQuery 的遍历方法遍历获取到的行数据，并将每行数据存储到数组中，例如：

var rowData = [];
rows.each(function(index, row) {
  var data = $(row).find('td').map(function() {
    return $(this).text();
  }).get();
  rowData.push(data);
});
console.log(rowData);

步骤 4：使用获取到的行数据

获取到的行数据可以根据需要使用，在本例中，将行数据输出到控制台。

使用 JavaScript 获取表格行数据

使用 JavaScript 获取表格行数据需要先获取到表格对象，然后遍历表格行，依次获取每行中的单元格数据。

步骤 1：获取表格对象

使用 JavaScript 的 getElementById 方法获取到要操作的表格对象，例如：

var table = document.getElementById('myTable');

步骤 2：获取行数据

使用表格对象的 rows 属性获取到表格中的每一行数据，例如：

var rows = table.rows;

步骤 3：遍历每行数据

使用 JavaScript 的 for 循环遍历每一行数据，并将每行数据存储到数组中，例如：

var rowData = [];
for (var i = 0; i < rows.length; i++) {
  var data = [];
  var row = rows[i];
  for (var j = 0; j < row.cells.length; j++) {
    data.push(row.cells[j].textContent);
  }
  rowData.push(data);
}
console.log(rowData);

步骤 4：使用获取到的行数据

获取到的行数据可以根据需要使用，在本例中，将行数据输出到控制台。

以上就是使用 jQuery 和 JavaScript 获取表格行数据的方法。