运行数组并检查<td>单元格在jQuery中的值

Question

场景：I有一个大约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);
 });

注意:超时函数存在，因为表本身需要几秒钟才能在页面上加载。

Q.如何循环遍历一个数组，检查每个值，并在必要时添加颜色？

Answer 1

Imho，您不需要超时，该函数将在加载页面时首先启动。然后使用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');
    }
  });
});

Answer 2

在元素中使用$.each for循环。试一试

$(document).ready( function() {
    function scores () {
        $.each($('td.t3_dc'),function(){
            if(parseFloat($(this).text()) < 7 ) {
                $(this).css('color','green');
            }
            else {
                $(this).css('color','red');
            }
        });

    };
    setTimeout(scores, 2000);
})