JQuery使用數組遍歷跳出each循環(huán)
更新時間：2020年09月01日 14:54:36 作者：unionline
這篇文章主要介紹了JQuery使用數組遍歷跳出each循環(huán),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
0. 前言
也許我們通過 jquery 的循環(huán)方法進行數組遍歷，但是當不符合條件時，怎么跳出當前循環(huán)？（即用each方法內，當不滿足條件時想break跳出循環(huán)體，想continue繼續(xù)執(zhí)行下一個循環(huán)遍歷），我們經常會習慣JS中的break何continue,但是使用之后沒有效果，因為在JQuery中沒有這兩條命令，非其關鍵字。
1. JQuery each循環(huán),要實現break和continue的功能
- break ----用return false;
- continue --用return ture;
2. JQuery怎么跳出當前的each循環(huán)
API 上的說明只有跳出整個循環(huán)（如果需要退出 each 循環(huán)可使回調函數返回 false，其它返回值將被忽略。）
- return false;——跳出所有循環(huán)；相當于 javascript 中的 break 效果。
- return true;——跳出當前循環(huán)，進入下一個循環(huán)；相當于 javascript 中的 continue 效果
例子代碼如下:
$(function (){
$("input[type='text']").each(function (i){
var _val=$(this).val();
alert(_val);
if(_val=='2'){
return false; //跳出循環(huán)
}
})
});
3. JQuery each方法跳出循環(huán)并獲得返回值的方法
- return false：將停止循環(huán) (就像在普通的循環(huán)中使用 'break')。
- return true：跳至下一個循環(huán)(就像在普通的循環(huán)中使用'continue')。
代碼如下:
function test(){
var success = false;
$(..).each(function () {
if (..) {
success = true;
return false;
}
});
return success ;
}
JQuery是對象鏈，所以$(..).each()返回的還是對象集合。each(function(){})：是回調函數，在回調函數里不能返回結果到回調函數each外面。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
前幾天上QQ的在線視頻網站，看到上面的影片列表頁的圖片有這樣一種效果：當向下拉動滾動條時下面的圖片才開始加載，就是說它不會一下子把所有的圖片都加載出來，拉動滾動條后用戶看到了才會顯示，這是一個很不錯的用戶體驗。2010-02-02
jQuery的數組處理,便捷,功能齊全. 最近的項目中用到的比較多,深感實用,一步到位的封裝了很多原生js數組不能企及的功能. 最近時間緊迫,今天抽了些時間回過頭來看 jQuery中文文檔 中對數組的介紹,順便對jQuery數組做個總結.溫故,知新.2010-11-11
jquery的分頁代碼，是結合數據庫實現的， 這里只給出核心jquery代碼。其它的大家可以發(fā)揮下。2010-06-06
以jQuery中$.Deferred對象為例講解promise對象是如何處理異步問題
Promises是一種令代碼異步行為更加優(yōu)雅的抽象，它很有可能是JavaScript的下一個編程范式，一個Promise即表示任務結果，無論該任務是否完成。本文以jQuery中$.Deferred對象為例講解promise對象是如何處理異步問題，需要的朋友參考下2015-11-11
jquery 學習之一 對象訪問整理，學習jquery的朋友可以參考下。2010-11-11
本篇文章主要是對JSON對象與字符串之間的相互轉換進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
JQuery中如何傳遞參數如click(),change()等具體實現
有個需求讓兩個select中option相互轉換,這個作業(yè)就是給幾個按鈕添加click()事件接下來為大家介紹下如何在click(),change()傳遞參數2013-04-04
jQuery 遍歷- 關于closest() 的方法介紹以及與parents()的方法區(qū)別分析
本篇文章介紹了，jQuery 遍歷- 關于closest() 的方法介紹以及與parents()的方法區(qū)別分析。需要的朋友參考下2013-04-04
一個分享按鈕的插件使用介紹（可擴展，內附開發(fā)制作流程）
前幾天由于工作需要制作一個分享按鈕，考慮到后續(xù)其他項目可能也會用到，于是就打算寫成插件化2011-09-09
這篇文章主要介紹了jQuery必不可少的小技巧，這些小技巧就像是創(chuàng)建的快捷方式，可以幫助大家快速開發(fā)，感興趣的小伙伴們可以參考一下2015-11-11