向以行和列为参数的表单元格添加箭头功能

Question

我想通过javascript中的箭头函数为表中的所有单元格调用函数，并将单元格的行和列添加为参数。但是我的解决方案不起作用：

setTableListener() {
    var table = document.getElementById("tableName"), row, column;

    for (var i = 0; i < table.rows.length; i++) {
        for (var j = 0; j < table.rows[i].cells.length; j++) {
            var cell = table.rows[i].cells[j];
            row = cell.parentElement.rowIndex;
            column = cell.cellIndex;
            cell.onclick = () => this.turn(row, column);
        }
    }
}


turn(row, column) {
    console.log(row + " " + column)
}

对于talbe大小为3x3，输出始终为“ 2 2”。

Answer 1

这是因为对属性rowIndex和cellIndex的计数从0开始。因此，第三行和第三列的结果将为2。