根據單元格內的值設置單元格的背景顏色

我有一個填充了隨機數字的表格，我需要根據單元格中的數字設置爲每個單元格的背景顏色爲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

根據單元格內的值設置單元格的背景顏色

回答

相關問題