Javascript从所有tr中获取特殊单元格值并显示为json

Question

我有很长的表格要解析。但我不需要全部。我只需要 [1],[2],[4],[5],[6],[9] 单元格值每个tr。

我可以使用下面的代码获取该行的特定单元格。

document.getElementById("table-body-positions").rows[0].cells[5].innerText

但是我怎样才能为所有 tr 做到这一点。我怎样才能解析为 json ？

Answer 1

您可以通过检查行是否存在来迭代行，然后映射所需的单元格。

var table = document.getElementById("table-body-positions"),
    cells = [0, 1, 4],
    row = 0,
    result = [];

while (table.rows[row]) {
    result.push({ ['order' + (row + 1)]: cells.map(cell => table.rows[row].cells[cell].innerText) });
    row++;
}

console.log(result);

<table id="table-body-positions">
    <tr><td>00</td><td>01</td><td>02</td><td>03</td><td>04</td></tr>
    <tr><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td></tr>
    <tr><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td></tr>
    <tr><td>30</td><td>31</td><td>32</td><td>33</td><td>34</td></tr>
</table>