javascript - 如何传递 table.rows.cells 的变量值来获取表格单元格值？

Question

我在传递单元格值变量以获取表格单元格中的内容时遇到困难。传递 row 变量将检测但不会检测 col 变量。

var col = $(this).parent().children().index($(this));
var row = $(this).parent().parent().children().index($(this).parent());
//displaying row and col variables do work.
//This is the result I am getting <button style="display:block; width: 100%;">Actual Cell Value</button>
var cellValue;
cellValue = document.getElementById("dataTable").rows[row].cells[col].innerHTML;
alert(cellValue);

//This one returns correct cell value
alert(document.getElementById("dataTable").rows[row].cells[0].innerHTML);

Answer 1

您没有正确访问 DOM，另请注意，index 方法从 0 返回索引位置。

如果我通过下面的代码，您的代码就可以正常工作。

var col = 2;
var row = 3;

var cellValue;
cellValue = document.getElementById("dataTable").rows[row].cells[col].innerHTML;
console.log(cellValue);

console.log(document.getElementById("dataTable").rows[row].cells[0].innerHTML);