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复合事件用法示例
Jun 10 jQuery
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
jQuery ajax调用webservice注意事项
Oct 08 jQuery
利用jQuery实现简单的拖曳效果实例代码
Oct 20 jQuery
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
jquery 键盘事件 keypress() keydown() keyup()用法总结
Oct 23 jQuery
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
jquery更改元素属性attr()方法操作示例
May 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
div层的移动及性能优化
2010/11/16 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
2013/04/18 Javascript
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
2014/11/28 Javascript
node.js中的fs.futimesSync方法使用说明
2014/12/17 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
JavaScript实现时钟滴答声效果
2017/01/29 Javascript
angularJS实现不同视图同步刷新详解
2018/10/09 Javascript
vue+Element实现搜索关键字高亮功能
2019/05/28 Javascript
vue中父子组件的参数传递和应用示例
2021/01/04 Vue.js
代码块高亮可复制显示js插件highlight.js+clipboard.js整合
2021/02/15 Javascript
[00:34]DOTA2上海特级锦标赛 Spirit战队宣传片
2016/03/04 DOTA
Python的lambda匿名函数的简单介绍
2013/04/25 Python
Python 列表(List)操作方法详解
2014/03/11 Python
Python 40行代码实现人脸识别功能
2017/04/02 Python
python实现人脸识别代码
2017/11/08 Python
Python使用Phantomjs截屏网页的方法
2018/05/17 Python
Python爬虫实现(伪)球迷速成
2018/06/10 Python
python 去除txt文本中的空格、数字、特定字母等方法
2018/07/24 Python
pybind11在Windows下的使用教程
2019/07/04 Python
Python利用matplotlib做图中图及次坐标轴的实例
2019/07/08 Python
Django Form 实时从数据库中获取数据的操作方法
2019/07/25 Python
Python 操作 ElasticSearch的完整代码
2019/08/04 Python
pytorch逐元素比较tensor大小实例
2020/01/03 Python
Tensorflow 实现分批量读取数据
2020/01/04 Python
Python-numpy实现灰度图像的分块和合并方式
2020/01/09 Python
python爬虫爬取淘宝商品比价(附淘宝反爬虫机制解决小办法)
2020/12/03 Python
布鲁明戴尔百货店:Bloomingdale’s
2016/12/21 全球购物
大学生毕业自荐信
2013/10/10 职场文书
致垒球运动员加油稿
2014/02/16 职场文书
表彰会主持词
2014/03/26 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
教学反思怎么写
2016/02/24 职场文书
php去除deprecated的实例方法
2021/11/17 PHP
动画《新网球王子 U-17 WORLD CUP》希腊队PV公开
2022/04/02 日漫