Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改表中文本的颜色_Javascript_Jquery - Fatal编程技术网

Javascript 更改表中文本的颜色

Javascript 更改表中文本的颜色,javascript,jquery,Javascript,Jquery,我在视图中有一个表,我用JS代码填充它。 我需要更改中所有值的颜色,而不是td class=“speedlimit”>。我如何通过JS做到这一点 for(i=0;i

我在视图中有一个表,我用JS代码填充它。 我需要更改
中所有值的颜色,而不是
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。您可以将其干燥很多。是的,我们可以使用三元运算符,我正在尝试对其进行优化,并将很快更新优化代码