根据单元格中的值选择表格单元格

Question

我有http://jsfiddle.net/Lijo/UqdQp/4/所示的表格。对于值为“1”的所有列，我需要将背景颜色设置为红色。使用jQuery执行此操作的最佳方式（在性能方面）是什么？

注意：执行背景颜色后，我还需要提醒表格单元格的值。这意味着我需要在所选单元格上使用“this”运算符。

参考答案：

1. http://jsfiddle.net/Lijo/uGKHB/11/
2. http://jsfiddle.net/Lijo/uGKHB/12/
3. Finding column index using jQuery when table contains column-spanning cells

Answer 1

我使用jQuery的each函数迭代每个表格单元格，并在符合所需条件时突出显示单元格。
工作演示： http://jsfiddle.net/saji89/uGKHB/

$('.resultGridTable td').each(function()
{
    if($(this).html()==1)
    {
        $(this).css({'background':'#FF0000'});
    }        
});

使用contains选择器代替if条件，应该更快： http://jsfiddle.net/saji89/WbXTr/

Answer 2

var $tds = $("td").filter(function(i){
    return $(this).html() == 1;
});

$tds.css({ background: 'red' });

$.each($tds, function(i, x){
    console.log($(x).html());
});

由于显而易见的原因，我使用了console.log而不是alert。