javascript - html表格单元格的条件格式

是否有现成的解决方案可以对HTML表进行条件格式设置？

使用条件格式时，我更感兴趣的是具有不同的颜色作为单元格背景，具体取决于该颜色或其他某些列(在同一表中)的值(数字)。

与excel条件格式->色阶->红色黄绿色相似。我想在通过JSP动态生成的表中实现它。

是否有任何JavaScript/jquery或JSP解决方案？

最佳答案

http://jsfiddle.net/stofke/Ya68Q/

      $(function() {
            $('tr > td:odd').each(function(index) {
                var scale = [['vPoor', 10], ['poor', 50], ['avg', 250], ['good', 1250], ['vGood', 6250]];
                var score = $(this).text();
                for (var i = 0; i < scale.length; i++) {
                    if (score <= scale[i][1]) {
                        $(this).addClass(scale[i][0]);
                    }
                }
            });
       });