javascript changing .text字体颜色

-1

有什么方法可以改变JavaScript中单个.texts的字体颜色吗？根据用户输入1可能会发生几个选项，我想根据选择更改颜色。注意CSS可以更改<td>的颜色，但不会因选择而改变。javascript changing .text字体颜色

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

来源

2016-08-22 Tidesglenn

是的，你可以用js改变单个文本的字体颜色。 –

什么是'lateedge'，一个''？ –

是的，它是，最初它是行项目，但我希望数据从左到右从上到下反对，并且它在我的网站上变得太混乱以便将它水平排列，所以我只是制作了一个表格。 – Tidesglenn

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

来源

2016-08-22 17:21:40 larz

非常感谢你，我尝试了一些类似的东西，但是我猜这个语法是关闭的，你是一个救生员和一个定时器！ – Tidesglenn

您可以通过直接更改或变更某个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')

来源

2016-08-22 17:25:27 jack

ID选择器速度非常快，jQuery执行一些内部缓存 - 在这种情况下性能可能没有差异，尤其是因为只有一个if块应该运行。虽然它*是一种很好的做法，它看起来更清洁，更易于维护。来自我的+1！ –

哇我是jquery和javascript的新手，并且只是开始为了矿井的朋友的需要而做它，但这是一个很棒的信息，非常感谢。 – Tidesglenn

javascript changing .text字体颜色

回答

相关问题