javascript - 如何获得所有类别的正方形

Question

我有一张 table ，它看起来像这样:

| 1.1 | 1.2 | 1.3 |___________________| 2.1 | 2.2 | 2.3 |___________________| 3.1 | 3.2 | 3.3 | 

例如，如果我点击 2.2，那么获得所有方 block 的最佳方式是什么？

Answer 1

读取被点击单元格的cellIndex属性及其父TR节点的rowIndex。这为您提供了单元格的坐标:

coords = function(td) {
    return [td.cellIndex, td.parentNode.rowIndex];
}

创建相邻行和列的数组:

    var adj = [
        [x - 1, y - 1],
        [x - 0, y - 1],
        [x + 1, y - 1],

        [x + 1, y - 0],
        [x - 1, y - 0],

        [x - 1, y + 1],
        [x - 0, y + 1],
        [x + 1, y + 1]
    ];

遍历表格中的所有单元格并标记其坐标在数组中的单元格:

    var tds = game.getElementsByTagName("TD");
    [].forEach.call(tds, function(td) {
        if(contains(adj, coords(td)))
            td.className = "hot";
        else
            td.className = "";
    });

完整的工作示例:http://jsfiddle.net/FByXq/