HTML - 由值确定的字体颜色

Question

如何设置字体颜色由使用HTML和/或CSS附加的文本的值确定。随附的文本约束为整数值。 期望的效果类似于heat map。

可能的解决方案可能如下所示：

<FONT COLOR=function> 1 </FONT>
<FONT COLOR=function> 100 </FONT>

“function”将解析为：

<FONT COLOR="red"> 1 </FONT>
<FONT COLOR="green"> 100 </FONT>

Answer 1

使用类似以下内容的jQuery可能符合您的需求（基于我认为您试图解释的内容）：

$('font').each(function() {
    var value = $(this).text();
    var colorVal;
    // determine your color
    $(this).attr('color', colorVal);
});

但我建议使用类或样式操作，因为您建议使用的HTML已被弃用。