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加密密码到cookie的实现代码
Apr 18 jQuery
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 jQuery
使用 jQuery 实现表单验证功能
Jul 05 jQuery
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
May 26 jQuery
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
jQuery实现列表的增加和删除功能
Jun 14 jQuery
详解jQuery-each()方法
Mar 13 jQuery
jQuery HTML css()方法与css类实例详解
May 20 jQuery
如何在vue 中引入使用jquery
Nov 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 编写的日历
2006/10/09 PHP
yii实现使用CUploadedFile上传文件的方法
2015/12/28 PHP
PHP反射API示例分享
2016/10/08 PHP
php修改数组键名的方法示例
2017/04/15 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
常用Extjs工具:Extjs.util.Format使用方法
2012/03/22 Javascript
xml转json的js代码
2012/08/28 Javascript
单击浏览器右上角的X关闭窗口弹出提示的小例子
2013/06/12 Javascript
document.getElementBy("id")与$("#id")有什么区别
2013/09/22 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
JS实现回到页面顶部动画效果的简单实例
2016/05/24 Javascript
jQuery列表检索功能实现代码
2017/07/17 jQuery
Angular 向组件传递模板的两种方法
2018/02/23 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
2018/10/22 Javascript
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
2019/10/09 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
2020/10/28 Javascript
Vue仿Bibibili首页的问题
2021/01/21 Vue.js
python实现通过shelve修改对象实例
2014/09/26 Python
你还在@微信官方?聊聊Python生成你想要的微信头像
2019/09/25 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
python 星号(*)的多种用途
2020/09/21 Python
K近邻法(KNN)相关知识总结以及如何用python实现
2021/01/28 Python
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
国际领先的在线时尚服装和配饰店:DressLily
2019/03/03 全球购物
Java程序开发中如何应用线程
2016/03/03 面试题
Delphi工程师笔试题
2013/09/21 面试题
关于读书的演讲稿
2014/05/07 职场文书
党员剖析材料范文
2014/12/18 职场文书
校本课程教学计划
2015/01/19 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
高二化学教学反思
2016/02/22 职场文书
教学反思怎么写
2016/02/24 职场文书
Java 异步任务计算FutureTask
2022/04/28 Java/Android