javascript - 按 ID 抓取表并一次遍历一行

Question

我想用

var merch = document.getElementById('merch');

在我的网页上检索一个动态填充的表格。然后我想遍历表，一次一行，抓住

<td> 

元素并将它们中的每一个作为字符串存储在数组中。每行都有自己的数组。

有人可以给我一个关于如何做到这一点的线索吗？我确信有一个我在搜索中没有找到的简单方法。

预先感谢您的考虑。

Answer 1

工作演示。

var merch = document.getElementById('merch');

// this will give you a HTMLCollection
var rows = merch.rows;

// this will change the HTMLCollection to an Array
var rows = [].slice.call(merch.rows);   

// if you want the elements in the array be string.
// map the array, get the innerHTML propery.
var rows = [].slice.call(merch.rows).map(function(el) {
    return el.innerHTML;
});

地图

Answer 2

你会想要为此使用 jQuery，它会让事情变得更容易。然后你可以做这样的事情。

HTML 表格

<table id="iterateOverThisTable">
  <tr>
    <td>One</td>
    <td>Two</td>
    <td>Three</td>
  </tr>
  <tr>
    <td>One</td>
    <td>Two</td>
    <td>Three</td>
  </tr>
  <tr>
    <td>One</td>
    <td>Two</td>
    <td>Three</td>
  </tr>
</table>

JS 文件（已包含 jQuery）

$(function() {
  var rows = [];

  $("#tableToIterateOver tr").each(function() {
    var = cells = [];

    $(this).find('td').each(function() {
      cells.push($(this).text());
    });

    rows.push(cells);
  });
})