javascript - 数组中每5个项目，而不是JavaScript中每5个项目

我有一个包含多行的表。每行包含5个数据单元格，每个单元格的innerHTML不同：

的HTML

<tr>
    <td>Data 1</td>
    <td>Data 2</td>
    <td>Data 3</td>
    <td>Data 4</td>
    <td>Data 5</td>
</tr>
<tr>
    <td>Data 6</td>
    <td>Data 7</td>
    <td>Data 8</td>
    <td>Data 9</td>
    <td>Data 10</td>
</tr>
...

的JavaScript

下面的代码从前5个单元格获取数据，但是我需要遍历所有行，然后遍历每行中的每个单元格。

var allTableData = [];
var tableData = $('td');

_.each(tableData, (data, i) => {
    if (i < 5) {
        allTableData.push(data.innerHTML);
    }
});

我想要的输出是：

values: [
    ['Data 1', 'Data 2', 'Data 3', 'Data 4', 'Data 5'],
    ['Data 6', 'Data 7', 'Data 8', 'Data 9', 'Data 10'],
    [...]
];

如何使用JavaScript / JQuery获得所需的输出？

最佳答案

我将执行两个级别的.map()：

var arr = $('table tr').get().map(function(tr) {
  return $('td', tr).get().map(function(td) {
    return $(td).html();
  });
});

https://jsfiddle.net/gbgjhj83/

关于javascript - 数组中每5个项目，而不是JavaScript中每5个项目，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40387048/