Javascript 获取<;td>;来自3*3表的索引

Javascript 获取<;td>;来自3*3表的索引,javascript,jquery,Javascript,Jquery,我不熟悉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++){

我不熟悉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>";
};
var getDB=document.getElementById(“mainDB”);
var i=0;
而(i对于(var j=0;j如果我理解正确,您需要单击td索引,但它是行和单元格的双重索引

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

稍后,您无法使用该索引选择正确的单元格,如下所示:

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


getDB.innerHTML=getDB.innerHTML+"谢谢你的回答…我在浏览器上的一个示例代码中尝试了它…它工作得很好..但是当我在上面的代码中实现它,并在通过phonegap构建后在我的手机中测试它时,它不起作用…你能帮我吗?我做错了什么吗?我将代码放在while函数之后…我在你的代码中看不到任何单击事件,只有ta如果您使用jquery$('#mainDB')。在('click','td',function(){var row=$(this.parent().index();var cell=$(this.index();console.log(row+'/'+cell);})上
getDB.innerHTML=getDB.innerHTML + "<td class='tdIndex' data-index='" + i + "><h5 align='center'>" + res.rows.item(i).name + "</h5></td>";
$('td').click(function() { console.log($(this).data('index')); });