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

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

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

参考答案：

1. http://jsfiddle.net/Lijo/uGKHB/11/
2. http://jsfiddle.net/Lijo/uGKHB/12/
3. 当表包含列跨越单元格时，使用jQuery查找列索引

Answer 1

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。

Answer 2

我已经使用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/