在做项目时遇到了一个关于遍历的问题,
前提是:在ul中有n个li每个li从后台获取的数据中有一个sign的字段,当sign等于0时(li未被点击过)li会显示一个红点,当sign不等于0时(li已被点击)红点会消失,开始时的代码是这样的
for(var i=0;i<data.length;i++){
if(data[i].sign==0){
$api.addCls($api.dom('#mark_red'), 'mark_red');
}else{
$api.removeCls($api.dom('#mark_red'), 'mark_red');
}
}
这段代码看似没错,运行后发现只会显示最后一个的结果,最后一个li的sign=0,显示,不等于零消失,并没有达到自己想要的效果
这是因为循环时并没有保存之前的sign的值,到结束最后一个值会覆盖之前的值,所以只会有最后一个的效果,
解决方法:
首先我先把data里的sign值放入了一个空数组data_read,
var data_read=[];
for(var i=0;i<data.length;i++){
read=data[i].read;
data_read.push(read);
}
之后遍历
$("#ul_read li").each(function(){
index=$(this).index();
if(data_read[index]==0){
$(this).find('.mark').css('display','block');
}else{
$(this).find('.mark').css('display','none');
}
})
这样就完美解决了上面的问题,当然肯定还有其他更简便的方法,欢迎批评指正