ul列表内的每行li的图标和字体颜色根据TYPE类型更改,为什么我这样通过jQuery去更改不行呢?
//改变列表的图标和颜色
for(var i = 0; i < listRecord.length; i++) {
if(listRecord[i].TYPE === "MEETING") {
$(".mui-icon.mui-icon-gear-filled").attr("class", "mui-icon-extra mui-icon-extra-peoples");
$(".work-list").css("color","#1590E9");
$(".list-value").css("color","#1590E9");
} else if(listRecord[i].TYPE === "DEVELOP") {
$(".mui-icon.mui-icon-gear-filled").attr("class", "mui-icon mui-icon-gear-filled");
$(".work-list").css("color","#045380");
$(".list-value").css("color","#045380");
}
}
Salazar (作者)
不是要在dom拼接完后才能对其元素进行操作吗?你说的那两种方法大概怎么用?麻烦指教一下,没用过呀
2017-08-30 10:56
五叶神
拼接的时候if判断你的type添加不同的class
2017-08-30 10:58
Salazar (作者)
这样写可以了,谢谢! if(listRecord[i].TYPE==="MEETING"){
tpl_temp += '<a class="mui-icon-extra mui-icon-extra-peoples"></a>';
tpl_temp += '<font class="work-list meeting-font-color">' + listRecord[i].TYPE + '</font>';
tpl_temp += '<font class="list-value meeting-font-color">' + listRecord[i].PARTNUM + '</font>';
}else if(listRecord[i].TYPE==="DEVELOP"){
tpl_temp += '<a class="mui-icon mui-icon-gear-filled"></a>';
tpl_temp += '<font class="work-list">' + listRecord[i].TYPE + '</font>';
tpl_temp += '<font class="list-value">' + listRecord[i].PARTNUM + '</font>';
}
2017-08-30 11:10