javascript - 遍历数组并检查 jQuery 中 <td> 单元格的值

Question

场景: 我有一个包含大约 10 行的表，每行包含一个类“.t3_dc”。

这些单元格将包含 1.0 到 9.9 之间的值

对于每个 td，我想检查分数/值是否在一定数量之间，如果是，则更改颜色。例如，< 7.0 为红色，7-8 为白色，高于 8 为绿色。

经过几次尝试，我走到了这一步，但我最大的障碍似乎是将每一个都存储到一个数组中，然后分别运行并检查它们。

 $(document).ready( function() {
 function scores () {
 var score = $('td.t3_dc').text();
 var num = parseFloat(score);

 alert(score)[0];

 if(num < 7 ) {
    $(score).css('color','green');
   }
 else {
    $(score).css('color','red');
   }
  };
    setTimeout(scores, 2000);
 });

注意:存在超时功能是因为表格本身需要几秒钟才能加载到页面上

问。我如何遍历 的数组并检查每个值，并根据需要添加颜色？

Answer 1

恕我直言，您不需要超时，该函数将在页面加载时首先触发。然后使用 each() 循环类并检查它的值。

$(function() {
  $('.t3_dc').each( function() {
    var elem = $(this) ,
        value = parseFloat( elem.text() );
    if( value < 7 ) {
      elem.css('color', 'red');
    }
    elseif( value > 8 ) {
      elem.css('color', 'green');
    }
  });
});