javascriptを変更する.textフォントの色

Question

JavaScriptで個々の.textのフォントの色を変更する方法はありますか？ユーザーの入力に応じて、1つのオプションがいくつか発生する可能性があり、選択に応じて色を変更したいと考えています。 CSSは、<td>の色を変更できますが、選択によっては変更されません。

if (late > lates && latedifference <= 2){ 
    $('#lateedge').text('Your Team has the Edge'); 
    $('#lateedge').css('color', 'blue'); 
}else if (late > lates && latedifference > 2){ 
    $('#lateedge').text('Your Team has a Big Edge'); 
    $('#lateedge').css('color', 'green') 

    // or, if you have css to go with it 
    // like .big-edge { color: green; } 

    $('#lateedge').toggleClass('big-edge') 
[etc.] 

別：

var latedifference = 0; 
    latedifference += late-lates 
    if (late > lates && latedifference <= 2){ 
     $('#lateedge').text('Your Team has the Edge'); 
    }else if (late > lates && latedifference > 2){ 
     $('#lateedge').text('Your Team has a Big Edge'); 
    }else if (lates > late && latedifference < -2){ 
     $('#lateedge').text('Opposing Team has a Big Edge'); 
    }else if (lates === late){ 
     $('#lateedge').text('Teams are Even'); 
    }else { 
     $('#lateedge').text('Opposing Team has the Edge'); 
    } 

Answer 1

.text('Your message')後.css('color', '<your color>')

Answer 2

あなたはCSSクラスを直接変更したり、変更することにより、いずれか、あなたがテキストを変更し、同じ文でフォントの色を変更することができます追加物事 - パフォーマンスのためにクエリを続けることは悪いです$('#lateedge')何度も繰り返します。代わりに、jQueryがそのセレクタを一度探すだけで、最初にキャッシュしてください。

var latedifference = 0; 
var $td = $('#lateedge'); 

... 
$td.text('Teams are Even')