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 29 jQuery
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
jQuery中复合选择器简单用法示例
Mar 31 jQuery
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
JQuery扩展对象方法操作示例
Aug 21 jQuery
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
jquery.pager.js分页实现详解
Jul 29 jQuery
JQuery使用数组遍历跳出each循环
Sep 01 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
建立动态的WML站点(三)
2006/10/09 PHP
PHP5中的this,self和parent关键字详解教程
2007/03/19 PHP
PHP 文件系统详解
2012/09/13 PHP
php生成二维码
2015/08/10 PHP
解决PHP上传非标准格式的图片pjpeg失败的方法
2017/03/12 PHP
jquery中ajax学习笔记3
2011/10/16 Javascript
用jquery仿做发微博功能示例
2014/04/18 Javascript
javascript对象的相关操作小结
2016/05/16 Javascript
jQuery实现可拖拽的许愿墙效果【附demo源码下载】
2016/09/14 Javascript
jQuery检查元素存在性(推荐)
2016/09/17 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
2016/11/26 Javascript
Vue分页组件实例代码
2017/04/17 Javascript
理解 javascript 中的函数表达式与函数声明
2017/07/07 Javascript
基于input框覆盖掉数字英文的实例讲解
2017/07/21 Javascript
微信小程序日期选择器实例代码
2018/07/18 Javascript
react中实现搜索结果中关键词高亮显示
2018/07/31 Javascript
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
2018/08/12 Javascript
详解小程序输入框闪烁及重影BUG解决方案
2018/08/31 Javascript
JS实现网页时钟特效
2020/03/25 Javascript
js实现鼠标点击飘爱心效果
2020/08/19 Javascript
netbeans7安装python插件的方法图解
2013/12/24 Python
python进程管理工具supervisor的安装与使用教程
2017/09/05 Python
python学习教程之Numpy和Pandas的使用
2017/09/11 Python
PyCharm在win10的64位系统安装实例
2017/11/26 Python
Python pandas DataFrame操作的实现代码
2019/06/21 Python
python元组和字典的内建函数实例详解
2019/10/22 Python
使用pygame编写Flappy bird小游戏
2020/03/14 Python
Pytorch数据拼接与拆分操作实现图解
2020/04/30 Python
python中的错误如何查看
2020/07/08 Python
python实现图像外边界跟踪操作
2020/07/13 Python
基于Python爬取搜狐证券股票过程解析
2020/11/18 Python
网络工程专业毕业生推荐信
2013/10/28 职场文书
早读迟到检讨书
2014/01/24 职场文书
索赔员岗位职责
2015/02/15 职场文书
“爱眼护眼,提前预防近视”倡议书3篇
2019/10/30 职场文书
vue使用echarts实现折线图
2022/03/21 Vue.js