如何解决jquery each循环中终止本次循环或者跳出循环?
今天使用jquery
的each
遍历时,在循环体内做了一个校验,发现使用return
之后,程序不会停止执行,而是会继续向下执行。既然遇到问题了,就别管它大还是小,基础还是不基础,只要能够想办法解决,就要做个笔记,也算是对以往的知识点进行个加深回忆吧。
let items = $('.itemBox'); let dailys = []; items.each(function(idx, it) { var itm = {}; $(it).find('input,select,textarea').each(function(idx, it) { var name = it.name; if ("textarea" == it.type) { itm[name] = encodeURI(it.value); } else { itm[name] = it.value; } if ("projectCode" == name) { itm["projectCode"] = $(it).data("code"); } if ("implementDate" == name && !itm["implementDate"]) { layer.msg('请填写工作日期!', { time: 1500 }); layer.close(loading); return false; } }); dailys.push(itm); });
原来在each代码块中
return false = break return ture = continue
在each
里使用 return
给整个函数返回时,其实只是跳出each
循环而已
解决办法
如果要终止代码跳出方法,需定义一个全局变量记录是否终止的状态,并在循环外部终止代码。如下代码显示。添加一个Boolean
类型的变量flag
,如果需要停止执行,则设flag
为true
。
var flag = false; let items = $('.itemBox'); let dailys = []; items.each(function(idx, it) { var itm = {}; $(it).find('input,select,textarea').each(function(idx, it) { var name = it.name; if ("textarea" == it.type) { itm[name] = encodeURI(it.value); } else { itm[name] = it.value; } if ("projectCode" == name) { itm["projectCode"] = $(it).data("code"); } if ("implementDate" == name && !itm["implementDate"]) { layer.msg('请填写工作日期!', { time: 1500 }); layer.close(loading); flag = true; return false; } }); dailys.push(itm); }); if (flag) { return; }
网友给的解决办法:
通过try
捕捉throw
出来的错误,达到退出each
、并返回错误的目标!
当然,如果需要遍历返回数据,使用for
可避免。
如果大家有更好的方法,欢迎留言补充。
1. 本站所有免费资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » 如何解决jquery each循环中终止本次循环或者跳出循环?
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » 如何解决jquery each循环中终止本次循环或者跳出循环?