HTML - 값으로 결정되는 글꼴 색

Question

HTML 및/또는 CSS를 사용하여 묶은 텍스트 값으로 글꼴 색을 결정할 수있는 방법은 무엇입니까? 동봉 된 텍스트는 정수 값으로 제한됩니다. 원하는 효과는 heat map과 유사합니다.

가능한 솔루션은 다음과 같습니다 내 생각에 당신의 요구에 맞게 수있는 다음과 같은 jQuery를 뭔가를 사용

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

Answer 1

는 (근거 :

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

어디에 "기능"에 해결하는 것 그것은 당신이) 설명하려고 노력입니다 :

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

을하지만 클래스를 사용하는 것이 좋습니다 또는 것 사용을 제안하는 HTML 형식의 조작이 더 이상 사용되지 않습니다.