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

Question

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

我想将一个通用事件绑定(bind)到表中的所有输入，我可以在其中确定触发该事件的输入的行索引和列索引。像这样:

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

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

Answer 1

使用 jQuery .index .在你的函数中:

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