jquery - JavaScript : getting td index

Question

这个问题已经有答案了:

已关闭 12 年前。

Possible Duplicate:
Table row and column number in jQuery

如果我有一个像这样的表:

<table>
  <thead>
     <tr><th>1</th> <th>2</th> <th>3</th></tr>
  </thead>

  <tbody>
    <tr><td>data</td> <td>checkbox</td> <td>data</td></tr>
  </tbody>
</table>

当用户单击复选框时，我想获取行索引和列索引。我可以使用以下代码获取行索引:

 var row = $(this).parent().parent();
 var rowIndex = $(row[0].rowIndex);

但我无法找出列索引...

我尝试了这个，但没有成功:

 var colIndex = $(row.children().index(this).parent());

我在这里查看了类似问题的结果，似乎我必须使用每个或 map 迭代所有 tds，是否有更简单的东西可以使用？谢谢。

Answer 1

获取 <td> 的索引首先，因为它正在前往 <tr> 的路上:

var cell = $(this).closest('td');
var cellIndex = cell[0].cellIndex

var row = cell.closest('tr');
var rowIndex = row[0].rowIndex;

或者使用 parents() ^[docs]方法以及 multiple-selector ^[docs] ，您可以同时选择两者:

var cellAndRow = $(this).parents('td,tr');

var cellIndex = cellAndRow[0].cellIndex
var rowIndex = cellAndRow[1].rowIndex;