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);});在此处查看运行示例。