javascript - の値に基づく色付け

Question

table division の値に基づいて表の行に色を付ける必要があります。下の表を検討してください

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

ここで、最初の行を 90% の色で、2 番目の行を 80%、3 番目の行を 50% にしたいと考えています。これを達成する方法。ありがとう

score 2 · Accepted Answer

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

score 1 · Accepted Answer

そのようなtdセルの値を取得する必要があります$('tr').children().html();

不透明度を設定するために使用できる文字列を返します $('tr').children().css('opacity', newvalue)

使い方はあなたが決めてください。返される文字列は "80%" のようになります。最初の文字を削除して整数に解析するか、単に SWICH CASE を使用できます (80% では不透明度を 0.8 に設定するなど...)。

score 1 · Accepted Answer

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

3 に答える 3