jquery里跳出each循环的方法及实例亲测

文章标签:
  • :
  • 06-14 13:42
  • :
  • 873次
  • :
  • 0条
  • 12赞

简介本文通过具体的实例来向你演示在jquery里如何跳出each循环。l

我们知道在js里,如果我们要跳出for循环或者while循环的话,可以用continue或break:

continue:跳出当前循环,进入下一个循环;
break:跳出所有循环


而在jquery里,我们只有一个each循环,那么在each循环里,我们要如何跳出循环的话,可以用return true或return false:

return true:相当于js里的continue 跳出当前循环,进入下一个循环
return false:相当于js里的break  跳出所有循环

下面来看两个具体的实例:

第一个实例,是站长在做jquery上传时用到的,根据选择不同的文件类型,来显示不同的图标:

var GetIco=function(t){	
    //先在一个对象里,定义好所有文件类型对应的图标样式			
    var IcoObj={					
        "fa-file-video-o":["3gp","mp4"],					
        "fa-file-code-o":["asp","js","php","html"],					
        "fa-file-text-o":["txt"],					
        "fa-file-archive-o":["zip","rar"],					
        "fa-file-word-o":["doc"]				
    };				
    var ico;
    //通过each循环来读取图标样式				
    $.each(IcoObj,function(i,n){					
        //当获取到对应的图标时,跳出循环					
        if($.inArray(t,n)>=0){ico=i;return false;}				
    });				
    return ico;			
}

上面这个实例是站长在实际应用中使用的,亲测过的。

第二个实例,来看如何在jquery的each循环里跳出当前循环,进入下一个循环:

假如我们要把一个表格里的数据,所有不等于1的数据,全都加1,那么就要用到each循环里的跳出当前循环,进入下一个循环的方法了:

<script language="javascript">	
$("#ZhuanHuan").click(function(){		
    $("#tt td").each(function(){				
        var t=$(this).text();          		
        if(t*1==1){return true;}				
        if(!isNaN(t)){t=t*1+1;$(this).text(t);}				
    });			
});
</script>

下面是上面这个实例的在线演示地址:

jquery里跳出each的当前循环,进入下一个循环的在线演示


更多关于js里跳出循环的请看这篇文章js跳出循环:break 、continue 、return 附完整的实例演示

好了,关于jquery里跳出each循环的方法就介绍到这里,希望这篇文章能帮助到所有看到这篇文章的朋友们!



您正在找的文章可能是:
热点文章
热点图文
最近更新