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实现按比例缩放图片的方法
Apr 29 jQuery
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
简单实现jQuery轮播效果
Aug 18 jQuery
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
Oct 19 jQuery
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
基于ajax及jQuery实现局部刷新过程解析
Sep 12 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
espresso double下 咖啡粉超细时 饼压力对咖啡的影响
2021/03/03 冲泡冲煮
PHP下对字符串的递增运算代码
2010/08/21 PHP
体育彩票排列三组选三算法分享
2014/03/07 PHP
PHP中phar包的使用教程
2017/06/14 PHP
浅谈JavaScript函数参数的可修改性问题
2013/12/05 Javascript
javascript原始值和对象引用实例分析
2015/04/25 Javascript
Webwork 实现文件上传下载代码详解
2016/02/02 Javascript
JavaScript函数表达式详解及实例
2017/05/05 Javascript
vue-devtools的安装步骤
2018/04/23 Javascript
解决echarts的多个折现数据出现坐标和值对不上的问题
2018/12/28 Javascript
jQuery实现合并表格单元格中相同行操作示例
2019/01/28 jQuery
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
vue中添加与删除关键字搜索功能
2019/10/12 Javascript
js实现微信聊天界面
2020/08/09 Javascript
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
介绍Python中的fabs()方法的使用
2015/05/14 Python
python函数形参用法实例分析
2015/08/04 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
python实现感知器算法(批处理)
2019/01/18 Python
Django中使用Whoosh进行全文检索的方法
2019/03/31 Python
python selenium循环登陆网站的实现
2019/11/04 Python
PyCharm 2020.2 安装详细教程
2020/09/25 Python
AmazeUI的下载配置与Helloworld的实现
2020/08/19 HTML / CSS
台湾网友喜爱的综合型网路购物商城:Yahoo! 奇摩购物中心
2018/03/10 全球购物
说出一些常用的类,包,接口
2014/09/22 面试题
办公室文秘自我评价
2013/09/21 职场文书
工程测量与监理专业应届生求职信
2013/11/27 职场文书
商学院大学生求职的自我评价
2014/03/12 职场文书
规划编制实施方案
2014/03/15 职场文书
希特勒经典演讲稿
2014/05/19 职场文书
授权委托书(公民个人适用)
2014/09/19 职场文书
幼儿学前班评语
2014/12/29 职场文书
军事理论课感想
2015/08/11 职场文书
高二数学教学反思
2016/02/18 职场文书
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android
Redis特殊数据类型Geospatial地理空间
2022/06/01 Redis