基于价值的着色

Question

我需要根据表格分区中的值为表格着色。 考虑下表

<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

您必须使用$('tr').children().html();

之类的td单元格的值

它将返回可用于设置不透明度的字符串  $('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'});
});