javascript - 基于值的着色

Question

我需要根据 table division 中的值为表格行着色。考虑下表

<table bgcolor="#FF0000">
  <tr>
  <td>90%</td>
  </tr>
  <tr>
  <td>80%</td>
  </tr>
  <tr>
  <td>50%</td>
  </tr>
</table>

现在我希望第一行是 90% 彩色，第二行是 80%，第三行是 50%。如何实现这一点。谢谢

Answer 1

$("tr").each(function() {
    var opac = $(this).children().text();
    $(this).css("background-color", "rgba(255, 255,10," + opac + ")");
});

http://jsfiddle.net/wQccw/

Answer 2

你必须像这样取 td 单元格的值$('tr').children().html();

它将返回可用于设置不透明度的字符串 $('tr').children().css('opacity', newvalue)

你决定如何使用它。返回的字符串将类似于“80%”，您可以剥离第一个字符并将其解析为整数或仅使用 SWICH CASE（在 80% 上设置不透明度：0.8 等等...）

Answer 3

$('table').find('td').each(function(){
   $(this).parent().css( {"width":$(this).html(),"float":"left","background-color":'#000'});
});