jQuery の表の行と列の番号 質問する

jQuery の表の行と列の番号 質問する

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

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

ベストアンサー1

あなたはコア/インデックス特定のコンテキストで関数を使用すると、たとえば、親 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);
});

実行例を確認するここ

おすすめ記事