使用jQuery通过索引获取td

时间:2011-05-26 13:38:28

标签: javascript jquery html indexing html-table

我知道如何使用jQuery获取单元格的行和列索引,但我无法弄清楚相反的情况。给定行和列索引,我将如何访问此位置的td?

3 个答案:

答案 0 :(得分:75)

使用纯JavaScript:

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

参考: HTMLTableElementHTMLTableRowElement


使用jQuery,您可以使用.eq()

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

答案 1 :(得分:9)

如何使用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 + ')');

请注意,子索引是基于1的,而不是通常的基于0的。

答案 2 :(得分:0)

您可以使用:eq选择器:

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

这是example of this in action