按行和列号选择表中的任意单元格

时间:2011-05-08 22:46:42

标签: jquery html-table

我有一张大桌子,我需要能够使用它的单元格/行坐标来选择特定的单元格。

使用jQuery执行此操作的最优雅方法是什么?

4 个答案:

答案 0 :(得分:25)

这是我认为使用本机JavaScript实际上使代码更容易理解的一种情况:

var table = $("#table")[0];
var cell = table.rows[1].cells[1]; // This is a DOM "TD" element
var $cell = $(cell); // Now it's a jQuery object.

请注意,仅选择table元素会使rows包含thead(和tfoot)中的行。你可能想要的是:

var table = $("#table tbody")[0];
/* remaining code from above */

以下是一个示例:http://jsfiddle.net/CgqQt/

答案 1 :(得分:5)

在审核了您在其中一条评论中发布的小提琴后,这也可行。

http://jsfiddle.net/CGrP9/6/

$('tbody tr').eq(2).find('td').eq(2).css('background-color', 'green');

答案 2 :(得分:0)

我很确定这会选择坐标(9, 9)处的单元格。让我测试一下:

$('table tr:eq(10) > td:eq(10)')

答案 3 :(得分:0)

$($($(“ table#wall_layout tr”)[row])。find(“ td”)[col]