Javascript 显示X&；HTML表格中选定行/单元格的Y值

我已经创建了一个HTML表格，表格中有可点击的单元格（td）（类似于Excel）

我有一个输入字段（只读）

我想显示当用户单击此输入字段中的表时单击位置的坐标

例如，如果用户单击的单元格在X轴上对应名称2，Y轴对应16，则我希望输入字段显示“名称2 | 16”

这是一个参考显示，用户可以看到他们在杂乱的网格中点击了什么。当您单击Excel中的任何单元格时，Excel会执行此操作

我在这里创建了一个JSFIDLE

---

正在寻求帮助。

将

cellRef

的

id

添加到

输入

，然后在

mouseup

处理程序中添加以下代码：

var row = $(this).closest('tr').index() + 1;
var cell = $(this).index();
$('#cellRef').val(row + ' | ' + cell);

要获取行的标签（以便将输入格式化为

Name 1 | 1

），请使用此行设置

行

：

var row = $(this).closest('tr').find('td:first').text();

---

我可以提出以下建议：

var rowIndex= jQuery.ArrayIn($(this).parent(),$('#tableID tr'));
var columnIndex=jQuery.ArrayIn($(this),$(this).parent().children('td'));

---

您的脚本可能会因为此类操作而变得繁忙。我建议您在每个

上存储自定义属性，如行号和列号，这甚至会使您的操作不仅简单，而且可以扩展，以提供比选择更多的功能

是我还是我们看不到fiddle链接的源代码？我只看到了最终产品，html/js/css框中没有任何内容！@Kami这对我来说很好。你需要刷新几次times@Kami上周JSFIDLE进行了一次大规模更新-您需要清除缓存以查看更新。很酷，谢谢。一次硬刷新完成了任务。Rory，t谢谢你的回答。那太好了。我想知道有没有办法从第1列中提取文本而不是数字？例如，如果我在你的示例“1 | 1”中单击所选的单元格，我想读“Name 1 | 01”真是太棒了。非常感谢。需要再等4分钟才能接受答案，然后我单击它……干杯

var rowIndex= jQuery.ArrayIn($(this).parent(),$('#tableID tr'));
var columnIndex=jQuery.ArrayIn($(this),$(this).parent().children('td'));