根据单元格内的值设置单元格的背景颜色

我有一个填充了随机数字的表格，我需要根据单元格中的数字设置为每个单元格的背景颜色为rgba颜色。现在这些数字在刷新时发生变化，因此如果数值发生变化，颜色应该会改变我怎么去解决这个问题？谢谢！根据单元格内的值设置单元格的背景颜色

HTML

<table class="table table-bordered"> 
<tbody> 
    <tr> 
     <td>636407029</td> 
     <td>612541294</td> 
     <td>870806031</td> 
    </tr><tr> 
     <td>110235053</td> 
     <td>924102758</td> 
     <td>221478283</td> 
    </tr><tr> 
     <td>572041102</td> 
     <td>236316470</td> 
     <td>781401130</td> 
    </tr> 
</tbody> 
</table>

来源

2014-03-04 tjoenz

如何将636407029'转换为RGBA？ –

尝试这样

$(".table-bordered td").each(function(){ 
$(this).attr("bgcolor",$(this).html()); 
});

fiddle

HTML

<table> 
<tbody> 
<tr> 
    <td bgcolor="636407029">636407029</td> 
    <td>612541294</td> 
    <td>870806031</td> 
</tr><tr> 
    <td>110235053</td> 
    <td>924102758</td> 
    <td>221478283</td> 
</tr><tr> 
    <td>572041102</td> 
    <td>236316470</td> 
    <td>781401130</td> 
</tr> 
</tbody> 
</table>

来源

2014-03-04 18:43:55

@AnnoopJoshi我尝试了类似的东西，但没有奏效，我以为是我。我发现它可以在你的小提琴中奏效，但它不会与我的代码一起工作：/ – tjoenz

你的html中没有表标签。尝试给它之后 –

让我更新我的HTML以上，因为我有表标记，对此感到抱歉。 – tjoenz

你必须做一些事情，如：

$("td").each(function() { 
    var new_color = make_color_from_content($(this).text()); 
    $(this).css("background-color", new_color); 
});

当然，你将不得不写一些功能（make_color_from_content）的值由 “636407029” 转换例如 - “rgba（xxx，xxx，xxx，x）”。

来源

2014-03-04 18:42:45 iSWORD

这应该工作 - 如果你写transformNumberToColour功能即是。

$("td").each(function(){ 
    $element = $(this); 
    val = Number($element.html()); 
    rgbColour = transformNumberToColour(val); // not shure how you want to do this 
    $element.css('background-color', rgbColour); 
});

来源

2014-03-04 18:54:36 fitek

根据单元格内的值设置单元格的背景颜色

回答

相关问题