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 相关文章推荐
javascript新手语法小结
Jun 15 Javascript
javascript(jquery)利用函数修改全局变量的代码
Nov 02 Javascript
dojo学习第一天 Tab选项卡 实现
Aug 28 Javascript
javaScript 动态访问JSon元素示例代码
Aug 30 Javascript
js中的push和join方法使用介绍
Oct 08 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
Dec 13 Javascript
AngularJS入门教程之AngularJS 模板
Aug 18 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
Mar 23 jQuery
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
May 11 Javascript
JavaScript常用进制转换及位运算实例解析
Oct 14 Javascript
vue 防止页面加载时看到花括号的解决操作
Nov 09 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
在PHP中养成7个面向对象的好习惯
2010/01/28 PHP
PHP结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
PHP 对象接口简单实现方法示例
2020/04/13 PHP
javascript实现划词标记+划词搜索功能
2007/03/06 Javascript
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
js下写一个事件队列操作函数
2010/07/19 Javascript
js创建数据共享接口——简化框架之间相互传值
2011/10/23 Javascript
javascript 函数声明与函数表达式的区别介绍
2013/10/05 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
Node.js实现在目录中查找某个字符串及所在文件
2014/09/03 Javascript
arguments对象验证函数的参数是否合法
2015/06/26 Javascript
星期几的不同脚本写法(推荐)
2016/06/01 Javascript
JS中mouseover和mouseout多次触发问题如何解决
2016/06/06 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
2016/10/15 Javascript
浅谈Javascript事件对象
2017/02/05 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
详解JS数据类型的值拷贝函数(深拷贝)
2017/07/13 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
2019/07/15 Javascript
浅谈Vue组件单元测试究竟测试什么
2020/02/05 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
2020/07/16 Javascript
vue-cli3中配置alias和打包加hash值操作
2020/09/04 Javascript
antd 表格列宽自适应方法以及错误处理操作
2020/10/27 Javascript
Python修改MP3文件的方法
2015/06/15 Python
Python中turtle作图示例
2017/11/15 Python
django的ORM模型的实现原理
2019/03/04 Python
Python数据可视化:箱线图多种库画法
2019/11/06 Python
Keras 使用 Lambda层详解
2020/06/10 Python
使用OpenCV对车道进行实时检测的实现示例代码
2020/06/19 Python
美国摩托车头盔、零件、齿轮及配件商店:Cycle Gear
2019/06/12 全球购物
双立人加拿大官网:Zwilling加拿大
2020/08/10 全球购物
国贸专业大学生职业生涯规划范文
2014/01/10 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
教师党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
公司开会通知
2015/04/20 职场文书
2015大学生暑假调查报告
2015/07/13 职场文书