javascript - 带有 getElementsByTagName 的二维数组？

Question

我正在尝试使用 getElementsByTagName 方法访问 javascript 中的表格单元格，如下所示。最终我想将数组中的每个单元格与另一个值进行比较，并能够根据比较更改该单元格的背景颜色。

var cells = document.getElementById("myTable").getElementsByTagName("tr");
for (i = 0; i < cells.length; i++)
{
   cells[i] = cells[i].getElementsByTagName("td");
}

但是，如果我尝试访问 cells[0][0]，它会返回 undefined。感觉不太明白getElementsByTagName是干什么的。。。这个方法还有希望吗？有没有更高效的？

Answer 1

使用 jquery 会很简单:

var contentArray = new Array();



$('tr').each(function(indexParent) {
  contentArray['row'+indexParent] = new Array();
    $(this).children().each(function(indexChild) {
      contentArray['row'+indexParent]['col'+indexChild] = $(this).html();
    });
});