Question

如果我console.log(row);

我得到以下内容：
<tr role="row" class="even"><td>DeviceName2</td><td>85%</td><td class="sorting_1">85%</td><td>74%</td><td>70%</td></tr>

我可以这样做：$(row).css("background", "orange");

从console.log(row);获得以下内容：

<tr role="row" class="even" style="background: orange;"><td>DeviceName2</td><td>85%</td><td class="sorting_1">85%</td><td>74%</td><td>70%</td></tr>

我想要做的是根据他td中的值创建绿色，橙色，红色效果等流量。我该怎么做呢？我有环境吗？测试这个，直到我做对了，因为我是新手，jsfiddle maybe

这就是我的想法，虽然我还有很长的路要走：

$(row).("td")("background", (n < 2) ? "green" : "orange");

Answer 1

我认为最好的方法是根据值为您的td元素添加类，并使用css描述根据类值设置背景。例如：

HTML（样本表）

<table id="mytable">
    <tr>
        <th>Name</th>
        <th>Value</th>
        <th>Remark</th>
    </tr>
    <tr>
        <td>Apple</td>
        <td class='valCell'>25</td>
        <td>OK</td>
    </tr>
    <tr>
        <td>Orange</td>
        <td class='valCell'>35</td>
        <td>Still OK</td>
    </tr>
    <tr>
        <td>Banana</td>
        <td class='valCell'>80</td>
        <td>High</td>
    </tr>
</table>

JS（基于值添加类）

$('#mytable .valCell').each(function() {
  if ($(this).html() < 50) {
    $(this).addClass('normal');
  } else {
    $(this).addClass('high')
  }
});

CSS（基于类添加背景颜色）

#mytable td.high{
    background-color:#FF9966;
}

#mytable td.normal{
    background-color:#66FF99;
}

参见示例 HERE

表格

1 个答案: