2016-08-22 15 views
-1

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

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'); 
    } 
+0

はい、個々のテキストのフォント色をjsで変更できます。 –

+0

「lateedge」とは何ですか、「​​」ですか? –

+0

はい、それは​​ですが、当初は広告申込情報でしたが、私はデータを左から右に向かうようにしたいと思っていました。それは私のウェブサイトではちょっと混乱していました。 。 – Tidesglenn

答えて

1

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

+0

ありがとう、私はそれに似た何かを試してみましたが、私は構文がオフだったと思う、あなたは命を救うとタイムセイバーです! – Tidesglenn

1

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

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

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

IDセレクタは非常に高速で、jQueryは内部キャッシングを行います。この場合、特にifブロックが1つしか実行されていないため、パフォーマンスに違いはありません。それは*良い実践ですが、それは確かにきれいに見え、より保守的です。私から+1! –

+0

うわー私はjqueryとjavascriptには非常に新しいですし、鉱山のサイトの友人のために必要なことを始めただけですが、それは情報の素晴らしい部分であり、非常に感謝しています。 – Tidesglenn

関連する問題