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 17 jQuery
jQuery 添加样式属性的优先级别方法(推荐)
Jun 08 jQuery
jquery+css实现侧边导航栏效果
Jun 12 jQuery
基于jquery实现多选下拉列表
Aug 02 jQuery
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
jQuery图片查看插件Magnify开发详解
Dec 25 jQuery
基于jQuery.i18n实现web前端的国际化
May 04 jQuery
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 jQuery
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
使用jQuery如何写一个含验证码的登录界面
May 13 jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
jQuery列表动态增加和删除的实现方法
Nov 05 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上传图片并压缩的实现方法
2015/12/22 PHP
PHP与Ajax相结合实现登录验证小Demo
2016/03/16 PHP
laravel-admin 在列表页添加自定义按钮的例子
2019/09/30 PHP
Web版彷 Visual Studio 2003 颜色选择器
2007/01/09 Javascript
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
2010/03/21 Javascript
图解JavaScript中的this关键字
2020/05/28 Javascript
浅谈jquery设置和获得checkbox选中的问题
2016/08/19 Javascript
js return返回多个值,通过对象的属性访问方法
2017/02/21 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
2017/06/11 jQuery
Express系列之multer上传的使用
2017/10/27 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
[48:26]VGJ.S vs infamous Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
python使用calendar输出指定年份全年日历的方法
2015/04/04 Python
python 环境变量和import模块导入方法(详解)
2017/07/11 Python
Python中表示字符串的三种方法
2017/09/06 Python
Python使用OpenCV进行标定
2018/05/08 Python
Python OpenCV处理图像之图像直方图和反向投影
2018/07/10 Python
python利用百度AI实现文字识别功能
2018/11/27 Python
python使用phoenixdb操作hbase的方法示例
2019/02/28 Python
python爬虫 基于requests模块的get请求实现详解
2019/08/20 Python
pycharm显示远程图片的实现
2019/11/04 Python
python使用openCV遍历文件夹里所有视频文件并保存成图片
2020/01/14 Python
Python Tornado之跨域请求与Options请求方式
2020/03/28 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
HTML5 拖拽批量上传文件的示例代码
2018/03/28 HTML / CSS
NICKIS.com荷兰:设计师儿童时装
2020/01/08 全球购物
PHP如何自定义函数
2016/09/16 面试题
总经理职责范文
2013/11/08 职场文书
市场部经理岗位职责
2014/04/10 职场文书
重点工程汇报材料
2014/08/27 职场文书
机关领导查摆四风思想汇报
2014/09/13 职场文书
电影建党伟业观后感
2015/06/01 职场文书
导游词之珠海轮廓
2019/10/25 职场文书
python实现简单倒计时功能
2021/04/21 Python
如何用H5实现好玩的2048小游戏
2022/07/23 HTML / CSS