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 相关文章推荐
FireFox下XML对象转化成字符串的解决方法
Dec 09 Javascript
用JQuery在网页中实现分隔条功能的代码
Aug 09 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
Dec 17 Javascript
new Date()问题在ie8下面的处理方法
Jul 31 Javascript
jQuery的animate函数学习记录
Aug 08 Javascript
有效提高JavaScript执行效率的几点知识
Jan 31 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
Mar 13 Javascript
AngularJS基础 ng-mouseleave 指令详解
Aug 02 Javascript
BootStrap按钮标签及基本样式
Nov 23 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
Mar 07 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
Aug 07 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
Apr 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
xml在joomla表单中的应用详解分享
2012/07/19 PHP
Zend Framework框架路由机制代码分析
2016/03/22 PHP
PHP-FPM实现性能优化
2016/03/31 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
不同浏览器的怪癖小结
2010/07/11 Javascript
JavaScript 参数中的数组展开 [译]
2012/09/21 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
2013/11/27 Javascript
js toFixed()方法的重写实现精度的统一
2014/03/06 Javascript
javascript生成随机数的方法
2014/05/16 Javascript
jquery仿搜索自动联想功能代码
2014/05/23 Javascript
js获取当前日期前七天的方法
2015/02/28 Javascript
JavaScript获取一个范围内日期的方法
2015/04/24 Javascript
Nodejs进阶:核心模块net入门学习与实例讲解
2016/11/21 NodeJs
js实现打地鼠小游戏
2017/02/13 Javascript
iframe与主框架跨域相互访问实现方法
2017/09/14 Javascript
原生JS与jQuery编写简单选项卡
2017/10/30 jQuery
浅谈FastClick 填坑及源码解析
2018/03/02 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
2018/03/14 Javascript
详解JS取出两个数组中的不同或相同元素
2019/03/20 Javascript
重学 JS:为啥 await 不能用在 forEach 中详解
2019/04/15 Javascript
JavaScript中的this/call/apply/bind的使用及区别
2020/03/06 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
Element Dropdown下拉菜单的使用方法
2020/07/26 Javascript
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
python 2.7 检测一个网页是否能正常访问的方法
2018/12/26 Python
PyCharm 设置SciView工具窗口的方法
2019/01/15 Python
python添加模块搜索路径和包的导入方法
2019/01/19 Python
基于python实现蓝牙通信代码实例
2019/11/19 Python
CSS3 clip-path 用法介绍详解
2018/03/01 HTML / CSS
CSS3实现的闪烁跳跃进度条示例(附源码)
2013/08/19 HTML / CSS
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
全球地下的服装和态度:Slam Jam
2018/02/04 全球购物
MySQL面试题目集锦
2016/04/14 面试题
公司致全体员工的感谢信
2019/06/24 职场文书
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers