JavaScript ändern .text Schriftfarbe

Question

Gibt es eine Möglichkeit, die Schriftfarbe einzelner Texte in JavaScript zu ändern? Abhängig von einer Benutzereingabe könnte 1 von ein paar Optionen passieren und ich möchte die Farbe je nach Auswahl ändern. Hinweis CSS kann die Farbe für die <td> ändern, ändert sich aber nicht in Abhängigkeit von einer Auswahl.

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

Nach .text('Your message') hinzufügen .css('color', '<your color>')

Answer 2

Sie können die Schriftfarbe in derselben Anweisung ändern, in dem Sie den Text ändern, indem Sie es entweder direkt ändern oder eine CSS-Klasse zu ändern:

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.] 

Another Ding - es ist schlecht für die Leistung, $('#lateedge') immer wieder zu fragen; Stattdessen cache es am Anfang, so dass jQuery nur einmal nach diesem Selektor suchen muss.

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

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