突出显示搜索到的表格数据和列

时间:2012-02-21 08:04:09

标签: javascript jquery html

我有一张包含一些数据的表格。在一些事件之后,我想要突出显示列。

http://jsfiddle.net/bpGaf/

jQuery('#tableFilter td:eq(2)').each(function(){
    jQuery(this).css('background-color','#cc0');});

但即使我使用每个功能,它也只突出显示一个单元格。

4 个答案:

答案 0 :(得分:4)

您的选择器显示“在<td>内的所有#tableFilter元素中,只考虑第3个”,而不是“在第{1}}内的每个<td>表“应该如此。

这可以做你想做的事情:

<tr>

jsFiddle demo

答案 1 :(得分:2)

尝试这个,它是一个较小的解决方案:

jQuery('#tableFilter tr').find('td:eq(2)').css('background-color','#cc0');

答案 2 :(得分:2)

突出显示第3列的最短代码:

  

$('#tableFilter td:nth-​​child(3)')。css('background','#cc0');

答案 3 :(得分:1)

试试这个,

检查小提琴中的更新

http://jsfiddle.net/bpGaf/2/