javascript - 比较设置 div 的 bgcolor 的值

Question

我正在比较 div 中设置 bij 数据属性(res 和 ref)的两个值，并基于此我想设置 div 的 bgcolor。不知怎的，它不起作用。结果没有设置背景颜色。

<小时/>

HTML

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

<小时/>

jQuery

$('#grid div.item[data-res][data-ref]').each(function(index){
    var res = $(this).data('res');
    var ref = $(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');  
   }

});

Answer 1

在比较它们之前，您需要使用 parseInt() 将值解析为 int。

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