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