Example on jsFiddle

Question

我有一个html table，它是从ajax调用中动态生成的。它可以有可变数量的行，并且总是有7列。

我想知道的是如何使用JavaScript / JQuery在表中获取td的索引。我最感兴趣的是列号，但行号是奖励。

我有以下处理程序：

$("#my-table").on("click", "td" ,function () {
    var my_row = $(this).parent();
});

Answer 1

您可以使用单元格cellIndex和行rowIndex属性来获取表格中的x和y位置。

试试这个：

$("#my-table").on("click", "td" ,function () {
  var x=this.cellIndex;
  var y=this.parentNode.rowIndex;
  console.log(x,y);
});

<强> Working Demo

Answer 2

你说“坐标”，但是根据你问题的描述，你似乎想要索引。如果我是对的，那么你想要的就是晚餐。索引基于0，因此如果您需要人数，则需要添加1。

请记住，在处理“动态”元素时，最好使用静态父级来分配事件。如果您不知道静态父ID，则可以始终使用DOM，但是，由于“性能”问题，有些人可能会建议不要使用DOM。我已经使用$(document) 6年了，并且没有一个客户投诉。你决定了。

$(document).on("click", "td" ,function () {
    var index_row = $(this).parent().index() + 1,
        index_column = $(this).index() + 1;
    // KEEP IN MIND ^ I added "1" to each as the "index" is "0" based. 
    // See documentation link below
});

使用JQuery在动态生成的html表中获取td元素的索引

2 个答案:

Example on jsFiddle