html - CSS 类 - 字体颜色取决于值(在表格中)

Question

我有一个用于在 Wordpress 中从 MySQL 数据创建表的插件。可以定义 CSS 类，我可以做一些简单的类，例如:

date {font-size: 12px; color: #497E9E; font-weight: bold;}

但是，我想知道是否有任何简单的方法可以根据值进行分类:例如

如果值为负则为红色。如果值为正则为绿色。

是否可能，或者我是否需要一些脚本来为我检查它然后使用定义的类？

Answer 1

这是一个 jQuery 方法，用于遍历所有称为 div-check 的类，并根据正面或负面将其设置为红色/绿色。

您可以更改它以从字段中获取数据属性或从表行中获取值。

$(document).ready(function() {

   $( ".div-check" ).each(function(){
       var value = parseInt( $( this ).html() );
       if ( value < 0 )
       {
           $( this ).parent().css('color', 'red');
       }else{
           $( this ).parent().css('color', 'green');
       }

   });
});