主要利用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>")
}
}