JQuery 基于下面行的动态单元格颜色

Question

我有一个从 MySQL 表动态生成的表，我希望单元格根据下面的目标更改颜色。假设 Apr 月份，目标为 602，结果为 435，因此下面的 602 将为绿色。但我们以 Aug 为例。结果略高于目标(黄色)。但是 Jun 它超出了目标太多，所以我希望它是红色的。

Month   |   Apr     May     Jun     Jul     Aug
---------------------------------------------------
Result  |   435     495     943     735     617
Target  |   602     592     585     584     610

我在 JSfiddle http://jsfiddle.net/D5TQy/ 中有一个例子但我不知道如何让它从下面的行中读取。

Answer 1

您可能需要修改我获取变量cellAbove的方式，但看看这个:( http://jsfiddle.net/D5TQy/3/ )

var cell = $('tr').last().find('td');
var cellAbove = $('tr').first().find('td');
var threshold= 100;    //defines what is `too much` difference

cell.each(function() {
    var column = $(this).index();

    var cell_value = $(this).text();
    var valueAbove = cellAbove.eq(column).text();

    //red
    if (cell_value - valueAbove > threshold) {
        $(this).addClass('veryOutsideFromTarget');
    }

    //yellow
    else if ((cell_value - valueAbove > 0)) {
        $(this).addClass('outsideTarget');
    } 

    //green
    else{
        $(this).addClass('insideTarget');
    }
});

注释:使用类而不是修改背景内联样式。这种方式更容易阅读和理解代码。

我修改了你的条件逻辑，这样更有意义。