Javascript 比较用于设置div的bgcolor的值

我正在比较一个div中设置bij数据属性（res和ref）的两个值，并在此基础上设置div的bgcolor。不知怎的，它不起作用。因此没有设置bgcolor

---

Html

---

在比较值之前，需要使用

parseInt（）

将值解析为int

var res = parseInt($(this).data('res'));
var ref = parseInt($(this).data('ref'));

---

您需要在div中放入一些数据，然后您将得到结果

HTML

  <div id="grid">
     <div class="item blue" data-kpi="one" data-res="8" data-ref="4" >Hai</div>
     <div class="item yellow" data-kpi="two" data-res="4" data-ref="7" data-groups='["all",  "numbers", "green", "square"]'>All</div> 
     <div class="item blue" data-kpi="three" data-res="8" data-ref="13">the Best</div>
 </div>

现在您检查它。

在这里工作正常：：顺便问一下，您是否将它包装在$（document）.ready（function（）{…}）中；

var res = parseInt($(this).data('res'));
var ref = parseInt($(this).data('ref'));

  <div id="grid">
     <div class="item blue" data-kpi="one" data-res="8" data-ref="4" >Hai</div>
     <div class="item yellow" data-kpi="two" data-res="4" data-ref="7" data-groups='["all",  "numbers", "green", "square"]'>All</div> 
     <div class="item blue" data-kpi="three" data-res="8" data-ref="13">the Best</div>
 </div>

  $('#grid div.item[data-res][data-ref]').each(function(index) {
          var res = parseInt($(this).data('res'));
          var ref = parseInt$(this).data('ref'));

      if(res > ref) {
           $(this).css('background-color', 'red');
       } 
      else if(ref > res) {
           $(this).css('background-color', 'green');
      }
      else  { 
          $(this).css('background-color', 'black');  
      }

   })