JQuery使用数组遍历跳出each循环


Posted in jQuery onSeptember 01, 2020

0. 前言

也许我们通过 jquery 的循环方法进行数组遍历,但是当不符合条件时,怎么跳出当前循环?(即用each方法内,当不满足条件时想break跳出循环体,想continue继续执行下一个循环遍历),我们经常会习惯JS中的break何continue,但是使用之后没有效果,因为在JQuery中没有这两条命令,非其关键字。

1. JQuery each循环,要实现break和continue的功能

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

2. JQuery怎么跳出当前的each循环

API 上的说明只有跳出整个循环(如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。)

  • 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; //跳出循环
 }
 })
});

3. 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外面。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
jQuery查找dom的几种方法效率详解
May 17 jQuery
jquery+css实现下拉列表功能
Sep 03 jQuery
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
jQuery plugin animsition使用小结
Sep 14 jQuery
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
jQuery Dom元素操作技巧
Feb 04 jQuery
jQuery实现列表的增加和删除功能
Jun 14 jQuery
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
jquery实现直播弹幕效果
Nov 28 jQuery
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
jQuery弹框插件使用方法详解
May 26 jQuery
JS JQuery获取data-*属性值方法解析
Sep 01 #jQuery
jQuery实现动态加载瀑布流
Sep 01 #jQuery
js和jquery判断数据类型的4种方法总结
Aug 28 #jQuery
jQuery编写QQ简易聊天框
Aug 27 #jQuery
jQuery实现简单QQ聊天框
Aug 27 #jQuery
基于jquery实现彩色投票进度条代码解析
Aug 26 #jQuery
Jquery 获取相同NAME 或者id删除行操作
Aug 24 #jQuery
You might like
PHP冒泡排序算法代码详细解读
2011/07/17 PHP
Linux(CentOS)下PHP扩展PDO编译安装的方法
2016/04/07 PHP
关于Blog顶部的滚动导航条代码
2006/09/25 Javascript
Javascript 判断函数类型完美解决方案
2009/09/02 Javascript
Javascript实现CheckBox的全选与取消全选的代码
2010/07/20 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
2016/02/19 Javascript
javascript动态获取登录时间和在线时长
2016/02/25 Javascript
Bootstrap三种表单布局的使用方法
2016/06/21 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
Bootstrap模态框使用详解
2017/02/15 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
详解vue中localStorage的使用方法
2018/11/22 Javascript
vue-router传参用法详解
2019/01/19 Javascript
layui表格数据复选框回显设置方法
2019/09/13 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
Python和perl实现批量对目录下电子书文件重命名的代码分享
2014/11/21 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
python学习之hook钩子的原理和使用
2018/10/25 Python
Python实现带参数的用户验证功能装饰器示例
2018/12/14 Python
Django使用 Bootstrap 样式修改书籍列表过程解析
2019/08/09 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
在Mac中配置Python虚拟环境过程解析
2020/06/22 Python
使用Python实现微信拍一拍功能的思路代码
2020/07/09 Python
彻底解决Python包下载慢问题
2020/11/15 Python
社区工作者演讲稿
2014/05/23 职场文书
红头文件任命书范本
2014/06/05 职场文书
初中同学会活动方案
2014/08/22 职场文书
幼儿园教师师德师风演讲稿:我自豪我是一名幼师
2014/09/10 职场文书
办理信用卡收入证明范例
2014/09/13 职场文书
深入开展党的群众路线教育实践活动心得体会
2014/11/05 职场文书
Spring Data JPA的Audit功能审计数据库的变更
2021/06/26 Java/Android