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 相关文章推荐
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
jQuery实现web页面樱花坠落的特效
Jun 01 jQuery
jQuery实现可拖动进度条实例代码
Jun 21 jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
通过jquery获取上传文件名称、类型和大小的实现代码
Apr 19 jQuery
jQuery实现网页拼图游戏
Apr 22 jQuery
jQuery插件实现非常实用的tab栏切换功能【案例】
Feb 18 jQuery
jQuery实现动态加载(按需加载)javascript文件的方法分析
May 31 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
基于jQuery实现可编辑的表格
Dec 11 jQuery
jQuery实现视频展示效果
May 30 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
深入探讨<br />和 \r\n两者有什么区别??
2013/06/05 PHP
PHP设计模式之调解者模式的深入解析
2013/06/13 PHP
ThinkPHP利用PHPMailer实现邮件发送实现代码
2013/09/26 PHP
PHP实现的QQ空间g_tk加密算法
2015/07/09 PHP
详解PHP中cookie和session的区别及cookie和session用法小结
2016/06/12 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
js 数组实现一个类似ruby的迭代器
2009/10/27 Javascript
使用SyntaxHighlighter实现HTML高亮显示代码的方法
2010/02/04 Javascript
MooTools 页面滚动浮动层智能定位实现代码
2011/08/23 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
2013/01/15 Javascript
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
javascript文件加载管理简单实现方法
2015/07/25 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
JS button按钮实现submit按钮提交效果
2016/11/01 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
2016/11/12 Javascript
bootstrap中模态框、模态框的属性实例详解
2017/02/17 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
2017/03/02 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
2018/04/23 Javascript
js实现图片上传并预览功能
2018/08/06 Javascript
Angular(5.2-&gt;6.1)升级小结
2018/12/27 Javascript
pm2启动ssr失败的解决方法
2019/06/29 Javascript
[51:06]DOTA2-DPC中国联赛 正赛 Elephant vs Aster BO3 第二场 1月26日
2021/03/11 DOTA
python实现异步回调机制代码分享
2014/01/10 Python
以911新闻为例演示Python实现数据可视化的教程
2015/04/23 Python
Python的Django框架安装全攻略
2015/07/15 Python
Python中的__slots__示例详解
2017/07/06 Python
对python生成业务报表的实例详解
2019/02/03 Python
Python如何基于rsa模块实现非对称加密与解密
2020/01/03 Python
Python 使用生成器代替线程的方法
2020/08/04 Python
Python爬虫获取op.gg英雄联盟英雄对位胜率的源码
2021/01/29 Python
Html5页面点击遮罩层背景关闭遮罩层
2020/11/30 HTML / CSS
美国玛丽莎收藏奢华时尚商店:Marissa Collections
2016/11/21 全球购物
英国的屈臣氏:Boots博姿
2017/12/23 全球购物
促销活动总结怎么写
2014/06/25 职场文书
社区安全生产月活动总结
2014/07/05 职场文书
2016大学军训通讯稿
2015/11/25 职场文书