使用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的例子