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

Question

场景： 我有一个大约 10 行的表，每行都包含一个 '.t3_dc' 类。

这些单元格将包含介于 1.0 和 9.9 之间的值

对于每个 td，我想检查分数/值是否在一定数量之间，如果是，则更改颜色。例如，

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

 $(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);
 });

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

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

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');
    }
  });
});

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);
})