javascript - 从 3*3 表中获取 索引

Question

我是 javascript 和 phonegap 的新手。我正在练习 phonegap 中的数据库处理。这里我有一张来自数据库的数据表。单击时我需要获取 td 索引。我的表格是 3*3 格式的。我这里有表的代码:

var getDB = document.getElementById("mainDB");
var i = 0;
while (i < res.rows.length) {
   getDB.innerHTML="<table>";
   for(var j=0; j<3; j++){
      getDB.innerHTML=getDB.innerHTML+"<tr>";
      for(var k=0;k<3;k++){
         getDB.innerHTML=getDB.innerHTML+"<td class='tdIndex'><h5 align='center'>"+res.rows.item(i).name+"</h5></td>";
         i++;
      }
      getDB.innerHTML=getDB.innerHTML+"</tr>";
   }
   getDB.innerHTML=getDB.innerHTML+"</table>";
};

我不确定我在这里付出的是否足够。如果我的主要代码还需要任何其他内容，请告诉我。我需要一个 jquery 或 javascript 解决方案来在单击时获取总共 9 个 td 的 td 索引或序列。

我在这里遇到了另一个问题，我忘了添加。也就是说，此处的表格假设将其自身呈现为 3*3 表格。但是当我在我的手机上测试它时，每行只有一个元素而不是 3 个。我的意思是它变成了一个包含 9 个项目或类似内容的列表。可能是 td 元素没有正常工作。非常感谢任何帮助。

Answer 1

如果我没理解错的话，点击时需要 td 索引，但它是行和单元格的双索引。

$('td').click(function(){
    var row = $(this).parent().index();
    var cell = $(this).index();
    console.log(row + '/' + cell);
})
​

fiddle : http://jsfiddle.net/acrashik/2HUtH/4/

稍后您无法使用该索引选择正确的单元格:

 $('tr:eq('+row+') td:eq('+cell+')')