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监听扫码枪输入并禁止手动输入的实现方法(推荐)
Mar 21 jQuery
jquery dataTable 后台加载数据并分页实例代码
Jun 07 jQuery
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
jquery easyui如何实现格式化列
Jul 30 jQuery
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
jQuery选择器之子元素过滤选择器
Sep 28 jQuery
jQuery Dom元素操作技巧
Feb 04 jQuery
jQuery+CSS实现的标签页效果示例【测试可用】
Aug 14 jQuery
jquery无缝图片轮播组件封装
Nov 25 jQuery
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
使用jquery实现轮播图效果
Jan 02 jQuery
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 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中比较时间大小实例
2014/08/21 PHP
Zend Framework创建自己的动作助手详解
2016/03/05 PHP
改变javascript函数内部this指针指向的三种方法
2010/04/23 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
2010/12/28 Javascript
JS数学函数Exp使用说明
2012/08/09 Javascript
javascript判断非数字的简单例子
2013/07/18 Javascript
百度地图api如何使用
2015/08/03 Javascript
jQuery在ie6下无法设置select选中的解决方法详解
2016/09/20 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
2016/09/24 Javascript
vue axios 二次封装的示例代码
2017/12/08 Javascript
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
vue导出html、word和pdf的实现代码
2018/07/31 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
实例讲解vue源码架构
2019/01/24 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
2019/11/06 Javascript
[03:02]2020完美世界城市挑战赛(秋季赛)总决赛回顾
2021/03/11 DOTA
python mysqldb连接数据库
2009/03/16 Python
Python MD5加密实例详解
2017/08/02 Python
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
Python爬虫实现全国失信被执行人名单查询功能示例
2018/05/03 Python
基于DATAFRAME中元素的读取与修改方法
2018/06/08 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
python调用c++传递数组的实例
2019/02/13 Python
pytorch 使用加载训练好的模型做inference
2020/02/20 Python
python画图常规设置方式
2020/03/05 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
python如何爬取网页中的文字
2020/07/28 Python
学习Python爬虫的几点建议
2020/08/05 Python
大学生期末自我鉴定
2014/02/01 职场文书
2014乡镇机关党员个人对照检查材料思想汇报
2014/10/09 职场文书
工作失职检讨书(精华篇)
2014/10/15 职场文书
辛德勒的名单观后感
2015/06/03 职场文书
给学校的建议书400字
2015/09/14 职场文书
2016年国培心得体会及反思
2016/01/13 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
详解python中[-1]、[:-1]、[::-1]、[n::-1]使用方法
2021/04/25 Python