javascript change .text font color

Question

Есть ли способ изменить цвет шрифта отдельных .texts в JavaScript? В зависимости от пользовательского ввода может произойти 1 из нескольких вариантов, и я хотел бы изменить цвет в зависимости от выбора. Примечание. CSS может изменять цвет для <td>, но не изменяется в зависимости от выбора.

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:

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

другой вещь - плохо для производительности, чтобы снова и снова запрашивать $('#lateedge'); вместо этого кешируйте его в начале, поэтому jQuery должен только один раз искать этот селектор.

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

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