web-dev-qa-db-ja.com

jQueryを使用してインデックスでtdを取得する

JQueryを使用してセルの行と列のインデックスを取得する方法は知っていますが、その逆を理解することはできません。行と列のインデックスを指定すると、この場所でtdにどのようにアクセスできますか？

javascriptjqueryhtmlindexinghtml-table
32
user686605

単純なJavaScriptの場合：

_// table is a reference to your table
table.rows[rowIndex].cells[columnIndex]
_

参照：HTMLTableElement 、 HTMLTableRowElement

JQueryでは、 .eq() を使用できます。

_$('#table tr').eq(rowIndex).find('td').eq(columnIndex)
// or
$('#table tr:eq(' + rowIndex + ') td:eq(' + columnIndex + ')')
_
78
Felix Kling

nth-childセレクター？

http://api.jquery.com/nth-child-selector/

var row = 4;
var col = 2

var cell = $('table#tableId tr:nth-child(' + row + ') td:nth-child(' + col + ')');

子インデックスは、通常の0ベースではなく1ベースであることに注意してください。

9
Richard Everett

:eqセレクターを使用できます。

var row = 1;
var col = 2;
var cell = $('table tr:eq(' + row + ') td:eq(' + col + ')');

アクションの例

0
Rob