[解決済み] jQueryでのテーブルの行番号と列番号

質問

jQueryを使用して、クリックしたテーブルセルの行と列の番号を取得するにはどうすればよいですか。

$("td").onClick(function(event){
   var row = ...
   var col = ...
});

どのように解決するのですか？

あなたは コア/インデックス 関数を使用することができます。例えば、列番号を取得するために親TRのTDのインデックスをチェックし、行番号を取得するためにテーブル上の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);
});

実行例を確認する ここで .