JQuery跳出each循环的方法


Posted in Javascript onApril 16, 2015

一、jquery each循环,要实现break和continue的功能:

break----用return false;
continue --用return ture;

二、jquery怎么跳出当前的each循环

有些朋友可能会以为在jquery跳出循环可以直接使用continue和break了,但是使用之后没有效果,因为在jquery中没有这两条命令。

后来上网查了下,得到了结果:
return false;——跳出所有循环;相当于 javascript 中的 break 效果。
return true;——跳出当前循环,进入下一个循环;相当于 javascript 中的 continue 效果

$(function (){ 

 $("input[type='text']").each(function (i){  

  var _val=$(this).val();

  alert(_val);

  if(_val=='2'){   

   return false; //跳出循环

  }

 })

});

三、Jquery each方法跳出循环并获得返回值的方法

return false:将停止循环 (就像在普通的循环中使用 'break')。
return true:跳至下一个循环(就像在普通的循环中使用'continue')。

function test(){

var success = false;

$(..).each(function () {

   if (..) {

       success = true;

       return false;

   }

});

 return success ;

}

jquery是对象链,所以$(..).each()返回的还是对象集合。each(function(){}):是回调函数,在回调函数里不能返回结果到回调函数each外面。
Javascript 相关文章推荐
让页面上两个div中的滚动条(滑块)同步运动示例
Aug 07 Javascript
Javscript删除数组中指定元素并返回新数组
Mar 06 Javascript
js简单实现竖向tab选项卡的方法
May 04 Javascript
jquery实现定时自动轮播特效
Dec 10 Javascript
浅谈JS的基础类型与引用类型
Sep 13 Javascript
js实现图片360度旋转
Jan 22 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
Mar 13 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例
Jan 23 Javascript
用webpack4开发小程序的实现方法
Jun 04 Javascript
详解element-ui中表单验证的三种方式
Sep 18 Javascript
vue 实现cli3.0中使用proxy进行代理转发
Oct 30 Javascript
jQuery $.each遍历对象、数组用法实例
Apr 16 #Javascript
jQuery Ajax中的事件详细介绍
Apr 16 #Javascript
JavaScript实现页面5秒后自动跳转的方法
Apr 16 #Javascript
JavaScript实现随机替换图片的方法
Apr 16 #Javascript
jQuery实现在下拉列表选择时获取json数据的方法
Apr 16 #Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
Apr 16 #Javascript
jquery插件bxslider用法实例分析
Apr 16 #Javascript
You might like
DOTA2 探索永无止境 玩家自创强悍插眼攻略
2020/04/20 DOTA
PHP 年龄计算函数(精确到天)
2012/06/07 PHP
在WordPress中获取数据库字段内容和添加主题设置菜单
2016/01/11 PHP
详解PHP实现异步调用的4种方法
2016/03/14 PHP
javascript简易缓动插件(源码打包)
2012/02/16 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
提高jQuery性能的十个诀窍
2013/11/14 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
AngularJS中取消对HTML片段转义的方法例子
2015/01/04 Javascript
jQuery过滤选择器详解
2015/01/13 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
2015/06/04 Javascript
jQuery实现的仿select功能代码
2015/08/19 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
2015/09/07 Javascript
微信小程序 获取相册照片实例详解
2016/11/16 Javascript
详解Axios 如何取消已发送的请求
2018/10/20 Javascript
微信小程序前端自定义分享的实现方法
2019/06/13 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
微信小程序实现页面监听自定义组件的触发事件
2020/11/01 Javascript
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
2020/11/20 Vue.js
[01:06:54]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第一场 1月24日
2021/03/11 DOTA
使用Python的Treq on Twisted来进行HTTP压力测试
2015/04/16 Python
Python实现计算最小编辑距离
2016/03/17 Python
python 获取当天每个准点时间戳的实例
2018/05/22 Python
python 读取竖线分隔符的文本方法
2018/12/20 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
Python进程,多进程,获取进程id,给子进程传递参数操作示例
2019/10/11 Python
pyqt5数据库使用详细教程(打包解决方案)
2020/03/25 Python
Python中猜拳游戏与猜筛子游戏的实现方法
2020/09/04 Python
HTML5 CSS3给网站设计带来出色效果
2009/07/16 HTML / CSS
高三历史教学反思
2014/01/09 职场文书
中文专业学生自我评价范文
2014/02/06 职场文书
彩妆大赛策划方案
2014/05/13 职场文书
跳蚤市场口号
2014/06/13 职场文书
污染环境建议书
2015/09/14 职场文书
vue实现移动端div拖动效果
2022/03/03 Vue.js
SQLServer权限之只开启创建表权限
2022/04/12 SQL Server