Question

我有一个表格，里面充满了API的数据。在那，我有几个由数据组成的单元格。创建表的代码如下：

<td class="myclass">
    <?php
        $myvar = explode(" ", $json["data"]);
        foreach($myvar as $v) {
            echo " " . round($v);
        }
    ?>
</td>

单元格可能包含多个值，我想为每个值应用样式。

有没有办法将不同的字体颜色应用于由foreach循环打印的不同值。例如，如果值小于10，则为绿色，如果大于20，则为红色，否则为橙色。我发现的是：

$(document).ready(function(){
    $('.mytable td.singlevalue').each(function(){
        if (Number($(this).text()) > 50) {
            $(this).css('color','#f00');
        }
    });
});

，它很好用，但仅适用于包含单个值的单元格。

所讨论的<td>的示例：<td class="myclass">62 69 62 62 68 66</td>

Answer 1

只需按如下所示更新您的PHP：

<td class="myclass">
  <?php
$myvar = explode(" ", $json["data"]);
foreach ($myvar as $v) {
?>
   <span class='<?php
    echo round($v) > 50 ? ' green ' : 'red ';
?>'>
          <?php
    echo " " . round($v);
?>
</span>
    <?php
}
?>
</td>

更改标签中包含的某些值的字体颜色

1 个答案: