javascript - 确定表中输入的行和列索引

Question

我正在创建一个基于 javascript 的电子表格应用程序。现在我可以动态地将电子表格创建为一个表格，其中包含提供的行数和列数以及每个单元格中的文本输入，如图所示。

我希望有一个通用事件与表中的所有输入相关联，我可以在其中确定触发事件的输入的行索引和列索引。像这样的东西：

$('.spreadsheet-cell').click(function () {
     var rowIndex = $(this).attr('rowIndex');
     var columnIndex = $(this).attr('columnIndex');
});

我最初尝试通过在创建 html 输入元素时动态添加行和列索引属性来实现它，但是当我在创建原始电子表格后添加行或列时，试图改变这些属性的值会变得混乱。我想如果归根结底我可以使该方法起作用，但它看起来很乱，当我认为可能有某种方法使用 jQuery 来确定父母<td>和<tr>.

score 4 · Accepted Answer

使用 jQuery .index。在您的功能内：

var rowIndex = $("#table tr").index($(this).closest('tr'));
var colIndex = $("#table td").index(this);

1 回答 1