使用jQuery查找知道行和列id的表格单元格

我有一个简单的表,我已经设置了标题的ID和行的ID。 给定两者的ID,我需要在这两者的交叉处找到相应的单元格。

例:

Bla Bli Blu
1 2 3
4 5 6
7 8 9
​​​

因此,如果我有id =“bli”和id =“dva”,这意味着我想在这个例子中对值为5的单元格做一些事情。

编辑:有很多正确的答案,我赞成所有这些答案,但不幸的是我只能选择一个正确。

这是我的解决方案:

 var column = $('#bli').index(); var cell = $('#dva').find('td').eq(column); 

关于jsfiddle的工作示例: http : //jsfiddle.net/t8nWf/2/

在函数中添加了所有内容:

 function getCell(column, row) { var column = $('#' + column).index(); var row = $('#' + row) return row.find('td').eq(column); } 

工作示例: http : //jsfiddle.net/t8nWf/5/

如果您已获得该行的ID,则可以选择包含数据5的列。

 $("#dva").find("td:contains(5)").css({"background-color":"red"}); 

也可以将这个小提琴作为工作示例。

编辑如果不知道行的id,你只有id到表,那么你也可以找到单元格:

 $("#tablica tr").find("td:contains(5)").css({"background-color":"red", "padding":"5px"}); 

工作实例

 $('#dva > td').eq($('#bli').index()); // returns the td element 

应该管用。 工作示例: http : //jsbin.com/acevon/edit#javascript,html,live

这将为您提供您想要作为jQuery对象的TD元素:

 var thIndex = $( '#tablica #bli' ).index (); // get index of TH in thead var $td = $( $( '#dva td' ).get ( thIndex ) ); // get the TD in the target TR on the same index as is in the thead 

JSFiddle的例子