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插件FusionCharts实现的Marimekko图效果示例【附demo源码】
Mar 24 jQuery
jQuery实现的简单在线计算器功能
May 11 jQuery
Angular2使用jQuery的方法教程
May 28 jQuery
jQuery+ajax实现局部刷新的两种方法
Jun 08 jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
jquery tmpl模板(实例讲解)
Sep 02 jQuery
jQuery选择器之表单元素选择器详解
Sep 19 jQuery
jQuery实现的简单无刷新评论功能示例
Nov 08 jQuery
使用jQuery如何写一个含验证码的登录界面
May 13 jQuery
jQuery实现判断滚动条滚动到document底部的方法分析
Aug 27 jQuery
jQuery实现本地存储
Dec 22 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利用COM对象访问SQLServer、Access
2006/10/09 PHP
PHP二维数组的去重问题解析
2011/07/17 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
新浪微博字数统计 textarea字数统计实现代码
2011/08/28 Javascript
通过上下左右键和回车键切换光标实现代码
2013/03/08 Javascript
JQuery实现表格中相同单元格合并示例代码
2013/06/26 Javascript
Jquery简单实现GridView行高亮的方法
2015/06/15 Javascript
jQuery中$.each()函数的用法引申实例
2016/05/12 Javascript
input 禁止输入特殊字符的四种实现方式
2016/08/24 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
2018/02/22 Javascript
Vue2.0 实现单选互斥的方法
2018/04/13 Javascript
angular4笔记系列之内置指令小结
2018/11/09 Javascript
小程序登录态管理的方法示例
2018/11/13 Javascript
js实现小星星游戏
2020/03/23 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
2021/01/19 Javascript
详解Python中heapq模块的用法
2016/06/28 Python
实例讲解python中的协程
2018/10/08 Python
使用python进行广告点击率的预测的实现
2019/07/04 Python
python遍历文件目录、批量处理同类文件
2019/08/31 Python
matplotlib绘制多个子图(subplot)的方法
2019/12/03 Python
Python文件操作方法详解
2020/02/09 Python
Ubuntu中配置TensorFlow使用环境的方法
2020/04/21 Python
师范生实习个人的自我评价
2013/09/28 职场文书
入党思想汇报
2014/01/05 职场文书
大学生职业生涯规划书的基本内容
2014/01/06 职场文书
秸秆管理实施方案
2014/03/15 职场文书
怎样填写就业意向
2014/04/02 职场文书
重大事项社会稳定风险评估方案
2014/06/15 职场文书
结婚当天新郎保证书
2015/05/08 职场文书
2015年社区教育工作总结
2015/05/13 职场文书
民事二审代理词
2015/05/25 职场文书
2019大学毕业晚会主持词
2019/06/21 职场文书
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏
Python接口自动化之文件上传/下载接口详解
2022/04/05 Python
Python如何快速找到多个字典中的公共键(key)
2022/04/29 Python