Javascript 更改表中文本的颜色
我在视图中有一个表,我用JS代码填充它。 我需要更改Javascript 更改表中文本的颜色,javascript,jquery,Javascript,Jquery,我在视图中有一个表,我用JS代码填充它。 我需要更改中所有值的颜色,而不是td class=“speedlimit”>。我如何通过JS做到这一点 for(i=0;i
中所有值的颜色,而不是td class=“speedlimit”>
。我如何通过JS做到这一点
for(i=0;i
伊梅
纬度
经度
速度
速度限制
您可以通过以下代码实现:
在添加tr之前检查速度和速度限制。我添加了速度超过速度限制时的“危险”等级
for (i = 0; i < speeddata.length; i++)
{
if(speeddata[i].Speed > speeddata[i].speedlimits)
{
$('#speeddata').append('<tr>' + '<td class="imei">' + speeddata[i].Imei + '</td>' +
'<td class="lat">' + speeddata[i].Latitude2 + '</td>' +
'<td class="lng">' + speeddata[i].Longitude2 + '</td>' +
'<td class="speed danger">' + speeddata[i].Speed + '</td>' +
'<td class="speedlimit">' + speeddata[i].speedlimits + '</td>' + '</tr>');
}
else
{
$('#speeddata').append('<tr>' + '<td class="imei">' + speeddata[i].Imei + '</td>' +
'<td class="lat">' + speeddata[i].Latitude2 + '</td>' +
'<td class="lng">' + speeddata[i].Longitude2 + '</td>' +
'<td class="speed">' + speeddata[i].Speed + '</td>' +
'<td class="speedlimit">' + speeddata[i].speedlimits + '</td>' + '</tr>');
}
}
for(i=0;ispeeddata[i]。速度限制)
{
$('#speeddata')。追加(''+'+speeddata[i]。Imei+''+
''+速度数据[i].纬度2+''+
''+速度数据[i].纵向2+''+
''+速度数据[i].速度+''+
''+速度数据[i].速度限制+''+'';
}
其他的
{
$('#speeddata')。追加(''+'+speeddata[i]。Imei+''+
''+速度数据[i].纬度2+''+
''+速度数据[i].纵向2+''+
''+速度数据[i].速度+''+
''+速度数据[i].速度限制+''+'';
}
}
使用三元运算符实现此目的的另一种方法:
var speedlimitexceed = (speeddata[i].Speed > speeddata[i].speedlimits) ? "danger" : "";
for (i = 0; i < speeddata.length; i++)
{
$('#speeddata').append('<tr' + speedlimitexceed + '<td class="imei">' + speeddata[i].Imei + '</td>' +
'<td class="lat">' + speeddata[i].Latitude2 + '</td>' +
'<td class="lng">' + speeddata[i].Longitude2 + '</td>' +
'<td class="speed danger">' + speeddata[i].Speed + '</td>' +
'<td class="speedlimit">' + speeddata[i].speedlimits + '</td>' + '</tr>');
}
var speedlimitexter=(speeddata[i].速度>speeddata[i].速度限制)?“危险”:“危险”;
对于(i=0;i
类:
var speeddata=[
{Imei:'test1',纬度2:100,纵向2:200,速度300,限速300},
{Imei:'test2',纬度2:110,纵向2:210,速度310,速度限制300},
{Imei:'test3',纬度2:170,纵向2:250,速度310,速度限制:340},
]
对于(i=0;i
.biger{
背景色:红色;
}
伊梅
纬度
经度
速度
速度限制
你已经问了很多关于这个项目的问题(并且删除了其中的大部分)我觉得这样做应该得到表扬。请显示实际的HTML输出,而不是您用来填充表内容的JS。您可以将其干燥很多。是的,我们可以使用三元运算符,我正在尝试对其进行优化,并将很快更新优化代码