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 zTree树插件动态加载实例代码
May 11 jQuery
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
jquery鼠标悬停导航下划线滑出效果
Sep 29 jQuery
jQuery图片加载失败替换默认图片方法汇总
Nov 29 jQuery
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
jQuery操作动画完整实例分析
Jan 10 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下编码转换函数mb_convert_encoding与iconv的使用说明
2009/12/16 PHP
深入解析PHP的Yii框架中的缓存功能
2016/03/29 PHP
初识ThinkPHP控制器
2016/04/07 PHP
使用Zttp简化Guzzle 调用
2017/07/02 PHP
奇妙的js
2007/09/24 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
2013/01/24 Javascript
js单例模式详解实例
2013/11/21 Javascript
javascript实现左右控制无缝滚动
2014/12/31 Javascript
javascript模拟map输出与去除重复项的方法
2015/02/09 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
基于Css3和JQuery实现打字机效果
2015/08/11 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
2017/01/08 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
2017/06/27 Javascript
vue自定义指令directive的使用方法
2019/04/07 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
2019/04/11 Javascript
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
2020/02/28 Javascript
Node.js API详解之 net模块实例分析
2020/05/18 Javascript
Python3中常用的处理时间和实现定时任务的方法的介绍
2015/04/07 Python
python下setuptools的安装详解及No module named setuptools的解决方法
2017/07/06 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
Pandas中DataFrame的分组/分割/合并的实现
2019/07/16 Python
Apache部署Django项目图文详解
2019/07/30 Python
python中return不返回值的问题解析
2020/07/22 Python
.net开发工程师面试题
2014/02/25 面试题
技术总监个人的自我评价范文
2013/12/18 职场文书
恐龙的灭绝教学反思
2014/02/12 职场文书
婚礼答谢宴主持词
2014/03/14 职场文书
党员承诺书格式
2014/05/21 职场文书
宣传工作经验材料
2014/06/02 职场文书
员工保密协议书
2014/09/27 职场文书
2014年骨干教师工作总结
2014/12/19 职场文书
医生个人年度总结
2015/02/28 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书