在HTML中将html表转换为数组

前端之家收集整理的这篇文章主要介绍了在HTML中将html表转换为数组前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想问,是否可以在 JavaScript中将HTML TABLE转换为Array?我有这个表.我还没有尝试过
<table id="cartGrid">
  <thead>
       <tr>
          <th>Item Description</th>
          <th>Qty</th>
          <th>Unit Price</th>
          <th>Ext Price</th>
       </tr>
  </thead>
<tbody>
    <tr><td>Old Lamp</td><td>1</td><td>107.00</td><td>107.00</td>
    <tr><td>Blue POst</td><td>2</td><td>7.00</td><td>14.00</td>
</tbody>
</table>

解决方法

这是做你想做的一个例子.
var myTableArray = [];

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

alert(myTableArray);

您可以扩展这个,比如说使用TH的文本来代替为每个TD创建键值对.

由于此实现使用多维数组,因此可以通过执行以下操作来访问行和td:

myTableArray[1][3] // Fourth td of the second tablerow

编辑:这是一个小提琴为你的例子:http://jsfiddle.net/PKB9j/1/

原文链接:https://www.f2er.com/html/230812.html

猜你在找的HTML相关文章