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实现前端分页功能
Mar 23 jQuery
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
jQuery+ajax实现局部刷新的两种方法
Jun 08 jQuery
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
jquery实现左右轮播图效果
Sep 28 jQuery
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
jquery实现垂直手风琴菜单
Mar 04 jQuery
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
jQuery zTree如何改变指定节点文本样式
Oct 16 jQuery
Jquery Fade用法详解
Nov 06 jQuery
Jquery+javascript实现支付网页数字键盘
Dec 21 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中的一个中文字符串截取函数
2007/02/14 PHP
Zend Framework动作控制器用法示例
2016/12/09 PHP
ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法
2017/06/09 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
jQuery get和post 方法传值注意事项
2009/11/03 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
微信小程序实战之登录页面制作(5)
2020/03/30 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
2017/08/24 Javascript
浅谈React中组件间抽象
2018/01/27 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
JS删除数组指定值常用方法详解
2020/06/04 Javascript
vue项目中微信登录的实现操作
2020/09/08 Javascript
[02:00]DOTA2英雄COSPLAY闹市街头巡游助威2015国际邀请赛
2015/08/02 DOTA
Python translator使用实例
2008/09/06 Python
Python函数参数类型*、**的区别
2015/04/11 Python
Python爬虫包 BeautifulSoup  递归抓取实例详解
2017/01/28 Python
python+selenium识别验证码并登录的示例代码
2017/12/21 Python
浅谈使用Python内置函数getattr实现分发模式
2018/01/22 Python
wxPython的安装与使用教程
2018/08/31 Python
CSS3制作炫酷的自定义发光文字
2016/03/28 HTML / CSS
利用CSS3动画实现圆圈由小变大向外扩散的效果实例
2018/09/10 HTML / CSS
Nike英国官网:Nike.com (UK)
2017/02/13 全球购物
高山背包:High Sierra
2017/11/23 全球购物
道德模范先进事迹
2014/02/14 职场文书
护士长竞聘演讲稿
2014/04/30 职场文书
农村党员一句话承诺
2014/05/30 职场文书
英文升职感谢信
2015/01/23 职场文书
2015年林业工作总结
2015/05/14 职场文书
保外就医申请书范文
2015/08/06 职场文书
小学英语教师2015年度个人工作总结
2015/10/14 职场文书
导游词之南京夫子庙
2019/12/09 职场文书
golang如何去除多余空白字符(含制表符)
2021/04/25 Golang
教你解决往mysql数据库中存入汉字报错的方法
2021/05/06 MySQL
vue实现移动端div拖动效果
2022/03/03 Vue.js