テーブルのパラメータを取得する方法

Question

私はHTMLテーブルを持っており、jQueryを使用してクリックしたセルのパラメータを取得する必要があります。 どうすればいいですか？

私は3行目、4列目を取得する必要があります。ここで私はあなたが行うことができ、これまで

var tr = $(this).parent(); 
for (var i = 0; i < tr.children().length; i++) { 
    if (tr.children().get(i) == this) { 
     var row = i + 1; 
     break; 
    } 
} 

Answer 1

を持っているものである：ここ

$('td').click(function(){ 
    var tr = $(this).closest('tr'); 
    var column = $(this).index()+1; 
    var row = tr.index()+1; 
    alert("you clicked row:"+row+" column:"+column); 
}); 

フィドル：http://jsfiddle.net/YA6WY/

Answer 2

あなたがそれぞれ<td>と<tr>のcellIndexとrowIndexプロパティにアクセスすることができます。非常に単純：

$('table').delegate('td', 'click', function (evt) { 
    var td = evt.target, 
     row = td.parentNode.rowIndex; 
     col = td.cellIndex; 

    alert("Row: "+row+", Column: "+col); 
}); 

の作業のデモ：あなたのイベントハンドラは、細胞上のすべてのクリックをキャッチ<table>要素への単一のイベントを追加することでパフォーマンスを向上させバインドするdelegate()を使用しhttp://jsfiddle.net/AndyE/T4u93/

。 event.targetはクリックを生成した要素を返します（この場合は<td>要素）。

• rowIndex property, DOM Level 1 - w3.org
• cellIndex property, DOM Level 1 - w3.org