如何获取html表数据到数组？

获取HTML表数据到数组的方法有多种，以下是其中一种常见的方法：

1. 使用JavaScript获取HTML表数据到数组：
   • 首先，通过document.getElementById()或document.querySelector()等方法获取到HTML表格的DOM元素。
   • 然后，通过DOM元素的rows属性获取到表格的所有行。
   • 遍历每一行，通过row.cells属性获取到行中的所有单元格。
   • 将每个单元格的数据存入数组中。

示例代码如下：

var table = document.getElementById("tableId"); // 根据表格的id获取DOM元素

var data = []; // 存储表格数据的数组

for (var i = 0; i < table.rows.length; i++) {

 var row = table.rows[i];

 var rowData = [];

 for (var j = 0; j < row.cells.length; j++) {

   rowData.push(row.cells[j].innerText);

 }

 data.push(rowData);

}

console.log(data); // 打印表格数据数组

在这个方法中，我们使用了JavaScript的DOM操作来获取表格数据，并将每行的数据存入一个二维数组中。

1. 使用jQuery库获取HTML表数据到数组：
   • 首先，引入jQuery库到页面中。
   • 然后，通过选择器选择HTML表格元素。
   • 使用jQuery的each()方法遍历表格的每一行和每个单元格，并将数据存入数组中。

示例代码如下：

var data = []; // 存储表格数据的数组

$("#tableId tr").each(function() {

 var rowData = [];

 $(this).find("td").each(function() {

   rowData.push($(this).text());

 });

 data.push(rowData);

});

console.log(data); // 打印表格数据数组

在这个方法中，我们使用了jQuery库来简化DOM操作，通过选择器选择表格元素，并使用each()方法遍历表格的每一行和每个单元格，将数据存入数组中。

以上是两种常见的方法，可以根据具体情况选择适合的方法来获取HTML表数据到数组。