如何在Jquery数组中获取Html表数据？

Question

如何从Html表中提取数据并将其存储在jquery数组中？

Answer 1

如果你想将html表转换为javascript数组，你可以使用类似的东西。

<强> HTML

<table id="myTableId">
   <tr>
      <td>Row 1 - Column 1</td>
      <td>Row 1 - Column 2</td>
   </tr>
   <tr>
      <td>Row 2 - Column 1</td>
      <td>Row 2 - Column 2</td>
   </tr>
</table>

<强>的jQuery

var tableArray = [];

$("table#myTableId tr").each(function() {
    var rowData = [];
    var tableData = $(this).find('td');
    if (tableData.length > 0) {
        tableData.each(function() { rowData.push($(this).text()); });
        tableArray.push(rowData);
    }
});

Answer 2

我想过用jquery map

做这件事

代码：

var varObject = $('td').map(function(){
    return $(this).text();
}).get();

现在使用jquery makeArray将其转换为实数数组，如果要检查它是否有效，则使用isArray

var array = $.makeArray(varObject);
if(jQuery.isArray( array ) === true){ 
    console.log(' valid array ');
 }

这是SAMPLE DEMO。