javascript - 根据 x 和 y 坐标获取表格单元格的值

Question

因为我是 jQuery 的新手，所以我想问以下问题，我有一个这样的表:

<table id="lettersGrid" border="1">
 <tr>
  <td>..</td>
  <td>..</td>
  <td>..</td>
 </tr>
 <tr>
  <td>..</td>
  <td>..</td>
  <td>..</td>
 </tr>
 </table>

我想使用 jQuery 根据它的 x 和 y 位置获取特定单元格的值，所以我有

$("td").mouseover(function(){
 x=this.parentNode.rowIndex;    //get the x coordinate of the cell 
 y=this.cellIndex;      //get the y coordinate of the cell

 //??whats next??
});

有什么帮助吗？

Answer 1

如果你想要的只是你“鼠标悬停”的单元格的内容

 $('td').mouseover(function(){
     var content = $(this).html();
     //do whatever you like with the content....
 });

已编辑:使用 index获取列/行值的函数

 $('td').mouseover(function(){
     col = $(this).parent().children().index($(this));
     row = $(this).parent().parent().children().index($(this).parent());
 });

选择相似的行:

 $('table tr').eq(row).find('td');

选择相似的列:

 $('table tr').each(function() {
    $(this).find('td').eq(col);
 }

查找特定行+列的值

 $('table tr').eq(row).find('td').eq(col).html();