Question

我有这个HTML表和JS

＆＃13;

var example = document.getElementid('*Numerical Value*');
var exampledbref = firebase.database().ref().child('example').child('value');
exampledbref.on('value'
  snap => expample.innerText = snap.val());

＆＃13;

<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Untitled Document</title>
</head>

<body>
  <table width="200" border="1">
    <tbody>
      <tr>
        <td>String</td>
        <td>String</td>
      </tr>
      <tr>
        <td>*Numerical Value*</td>
        <td>*Numerical Value*</td>
      </tr>
      <tr> </tr>
    </tbody>
  </table>
</body>

</html>

＆＃13;

此模型有效并且需要执行从firebase获取和显示表格的数据。

我的问题，如何根据从firebase获取的值的数量更改值的颜色？

例如，我正在考虑一个参数，如果值小于5，则值本身的颜色会变为红色。现在，如果它超过5，则值的颜色为green。

如果正在提取的数据的值为4，那么它如何更改以便在red中显示该值，此外如果它的值大于5值变为green？我怎样才能做到这一点？

Answer 1

用于检查值的jQuery解决方案将是

的jQuery

// for each <td>
$('td').each(function(){
   // get the text value in each <td>
   var val = $(this).text();
   // convert to int
   var int = parseInt(val);
   // if more than 5
   if(int > 5) {
      $(this).css({'background': 'green'});
   }else {
       $(this).css({'background': 'red'});
   }
});

一个简单的小提琴 - https://fiddle.jshell.net/Jim_Miraidev/akcgabug/

如何根据值的数量更改值的颜色？

1 个答案: