Javascript 着色<;tr>;基于<;td>;

Javascript 着色<;tr>;基于<;td>;,javascript,jquery,html,css,background-color,Javascript,Jquery,Html,Css,Background Color,我需要根据表分区中的值为表行着色。 考虑下表 <table bgcolor="#FF0000"> <tr> <td>90%</td> </tr> <tr> <td>80%</td> </tr> <tr> <td>50%</td> </tr> </table> 90% 80% 50% 现在我

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

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

90%
80%
50%
现在我希望第一排是90%的颜色,第二排是80%,第三排是50%。 如何做到这一点。
谢谢

您必须像
$('tr').children().html()那样获取td单元格的值

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


你决定如何使用它。返回的字符串类似于“80%”。您可以去掉第一个字符并将其解析为整数,或者只使用SWICH CASE(在80%上设置不透明度:0.8等等…)

您必须像
$('tr').children().html()那样获取td单元格的值

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

你决定如何使用它。返回的字符串类似于“80%”,您可以去掉第一个字符并将其解析为整数,或者只使用SWICH CASE(在80%上设置不透明度:0.8等等…)



为tr设置id,并为每行设置颜色…我不想根据td中的值为整个tr上色,只想为其中的一部分上色。为tr设置id,并为每行设置颜色…我不想根据td中的值为整个tr上色,只想为其中的一部分上色。谢谢,这将设置不透明度,但我需要在tr中显示颜色作为进度。。我需要类似的东西,现在我得到你需要的东西,检查@sachin答案,它就是这样做的-你正在改变td的宽度(它是纯色的)谢谢,这将设置不透明度,但我需要在tr中显示颜色。。我需要类似的东西现在我得到了你想要的东西,检查@sachin答案,它就是这样做的-你正在改变td的宽度(它是纯色的)嗨,Darren,谢谢你提供小提琴。。我们也可以设置颜色宽度吗?我的意思是这一行应该只有90%或80%或n%的颜色。与@Mizan类似,这是一个新问题。你应该在这里接受一个答案,然后再问一个新问题。嗨,达伦,谢谢你提供小提琴。。我们也可以设置颜色宽度吗?我的意思是这一行应该只有90%或80%或n%的颜色。与@Mizan类似,这是一个新问题。你应该在这里接受一个答案,然后再问一个新问题。嗨,萨钦,谢谢。。。我试过了,但输出不正确。也许我在应用它时犯了一个错误。如果可能的话,你能提供一把小提琴吗。谢谢:)我会接受你的回答。你能告诉我怎样把背景变成白色吗?我的意思是我不需要边界。它应该只是显示颜色。与answers.atlassian.com完全相似/leaderboard@sachin:尝试将该值设置为01%或类似值,然后单击表格breaks@Mizan在表格行中添加“clear:left”样式。这将解决pbm。@Mizan您还有任何pbm。请告诉我Hi Sachin,谢谢。。。我试过了,但输出不正确。也许我在应用它时犯了一个错误。如果可能的话,你能提供一把小提琴吗。谢谢:)我会接受你的回答。你能告诉我怎样把背景变成白色吗?我的意思是我不需要边界。它应该只是显示颜色。与answers.atlassian.com完全相似/leaderboard@sachin:尝试将该值设置为01%或类似值,然后单击表格breaks@Mizan在表格行中添加“clear:left”样式。它将解决pbm。@Mizan您还有任何pbm。请告诉我
$("tr").each(function() {
    var opac = $(this).children().text();
    $(this).css("background-color", "rgba(255, 255,10," + opac + ")");
});
$('table').find('td').each(function(){
   $(this).parent().css( {"width":$(this).html(),"float":"left","background-color":'#000'});
});