javascript - 如何使用 jQuery 获取表格中的单元格 () x 和 y 坐标？

Question

我正在寻找一种获取表格中单元格 X-Y 位置的好方法。 (不要将它与 css-position 混淆，我正在寻找笛卡尔坐标系中的 X 和 Y 坐标)。

我们知道，我们可以使用 ex: $('#grid')[0].rows[5].cells[7] 获取表格中的特定单元格。 .

但是，如果我想获得值 5x7 怎么办？当我点击特定单元格时，即:

$('#grid td').click(function(){
   alert("My position in table is: " + myPosition.X + "x" + myPosition.Y);
});

我想，最简单的方法是在后端创建表时将 innerHTML、ID 或 CSS 类添加到每个单元格(<td class="p-5x7"> 等)，然后解析它，并在单击时返回，但是有什么方法可以获得这些纯粹基于 DOM 的坐标？

Answer 1

DOM 2 级 HTML cellIndex :

alert('My position in table is: '+this.cellIndex+'x'+this.parentNode.rowIndex);