html - HTML - 由值决定的字体颜色

Question

如何设置字体颜色以由使用 HTML 和/或 CSS 包含的文本的值确定。封闭的文本被限制为整数值。期望的效果类似于热图。

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

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

其中“功能”将解析为：

<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 已被弃用。