jQuery中的表行和列号

Question

如何使用jQuery获取单击的表格单元格的行和列号，即$("td").onClick(function(event){   var row = ...   var col = ...});

Answer 1

$('td').click(function() {

    var myCol = $(this).index();

    var $tr = $(this).closest('tr');

    var myRow = $tr.index();

});

Answer 2

点击可获取COLUMN INDEX：

$(this).closest("td").index();

点击可获得ROW INDEX：

$(this).closest("tr").index();

Answer 3

您可以在给定的上下文中使用Core / index函数，例如，可以检查TD的父TR中的索引以获取列号，还可以检查Table上的TR索引以获取行号：

$('td').click(function(){

  var col = $(this).parent().children().index($(this));

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

  alert('Row: ' + row + ', Column: ' + col);

});

在此处查看运行示例。