主要利用jquery快速的选中自己想要渲染的标签来判断和渲染,代码如下:
//数据的统一处理
var refreshData = function(){
$.get("json/tongxingye.json",function(data){
congestindex('exponent_content',data.ydyczs);
});
};
//本周拥堵延迟指数排名
var congestindex = function(containerId,data){
$("#"+containerId).empty();
if(data){
$.each(data,function(i,n){
progressStr = "<tr><td>"+(i+1)+"</td><td>"+n.showtime+"</td><td>"+n.ydzs+"</td></tr>"
$("#"+containerId).append($(progressStr));
if(n.ydzs>=3){
$("#"+containerId).find("tr").eq(i).find("td").eq(2).css("color","red")
}else if(n.ydzs>=2){
$("#"+containerId).find("tr").eq(i).find("td").eq(2).css("color","#feb300")
}else if(n.ydzs<2){
$("#"+containerId).find("tr").eq(i).find("td").eq(2).css("color","#07ee14")
}
})
}else{
$("#"+containerId).html("<span>暂时没有数据</span>")
}
}
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。