jQuery使用$.each遍歷json數(shù)組的簡單實現(xiàn)方法
本文實例講述了jQuery使用$.each遍歷json數(shù)組的簡單實現(xiàn)方法。分享給大家供大家參考,具體如下:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>jquery $.each遍歷json數(shù)組方法</title> <script type="text/javascript" src="jquery.js"></script> </head> <body> <script> var arr = [{ name: "john", lang: "js" },{ name: "nailwl", lang: "jquery" },{ name: "吳磊", lang: "ext" }]; $.each( arr, function(index, content) { alert( "the man's no. is: " + index + ",and " + content.name + " is learning " + content.lang ); }); </script> </body> </html> </body> </html>
jquery 對象的 $().each() 方法,此方法可用于例遍任何對象
回調(diào)函數(shù)擁有兩個參數(shù):
第一個為對象的成員或數(shù)組的索引
例遍數(shù)組,同時使用元素索引和內(nèi)容
$.each( [0,1,2], function(index, content){ alert( "item #" + index + " its value is: " + content ); });
第二個為對應(yīng)變量或內(nèi)容
如果需要退出 each 循環(huán)可使回調(diào)函數(shù)返回 false,其它返回值將被忽略。
jquery.each(obj,fn,arg)
該方法有三個參數(shù):進行操作的對象obj,進行操作的函數(shù)fn,函數(shù)的參數(shù)args。
1.obj對象是數(shù)組
each方法會對數(shù)組中子元素的逐個進行fn函數(shù)調(diào)用,直至調(diào)用某個子元素返回的結(jié)果為false為止,也就是說,我們可以在提供的fn函數(shù)進行處理,使 之滿足一定條件后就退出each方法調(diào)用。當(dāng)each方法提供了arg參數(shù)時,fn函數(shù)調(diào)用傳入的參數(shù)為arg,否則為:子元素索引,子元素本身
2.obj 對象不是數(shù)組
該方法同1的最大區(qū)別是:fn方法會被逐次不考慮返回值的進行進行。換句話說,obj對象的所有屬性都會被fn方法進行調(diào)用,即使fn函數(shù)返回false。調(diào)用傳入的參數(shù)同1類似。
jquery.each=function( obj, fn, args ) { if ( args ) { if ( obj.length == undefined ){ for ( var i in obj ) fn.apply( obj, args ); }else{ for ( var i = 0, ol = obj.length; i < ol; i++ ) { if ( fn.apply( obj, args ) === false ) break; } } } else { if ( obj.length == undefined ) { for ( var i in obj ) fn.call( obj, i, obj ); }else{ for ( var i = 0, ol = obj.length, val = obj[0]; i < ol && fn.call(val,i,val) !== false; val = obj[++i] ){} } } return obj; }
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery切換特效與技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
- JQuery遍歷json數(shù)組的3種方法
- jQuery 遍歷json數(shù)組的實現(xiàn)代碼
- jquery動態(tài)遍歷Json對象的屬性和值的方法
- jquery遍歷json對象集合詳解
- Javascript Jquery 遍歷Json的實現(xiàn)代碼
- jQuery遍歷json中多個map的方法
- jQuery通過ajax請求php遍歷json數(shù)組到table中的代碼(推薦)
- jQuery篩選數(shù)組之grep、each、inArray、map的用法及遍歷json對象
- jQuery遍歷json的方法分析
- JS遍歷JSON數(shù)組及獲取JSON數(shù)組長度操作示例【測試可用】
- js遍歷json的key和value的實例
- JS 遍歷 json 和 JQuery 遍歷json操作完整示例
相關(guān)文章
jquery html動態(tài)生成select標簽出問題的解決方法
用jquery,json從后臺獲取一個列表,然后用一個動態(tài)生成的select標簽顯示出來,結(jié)果出現(xiàn)錯誤,下面為大家分享個不錯的解決方法,喜歡的朋友可以參考下2013-11-11升級到j(luò)Query?3.6.1遇見的一些坑以及應(yīng)對辦法
Jquery低版本存在安全漏洞,所以需要升級版本,下面這篇文章主要給大家介紹了關(guān)于升級到j(luò)Query?3.6.1遇見的一些坑以及應(yīng)對辦法的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06jQuery html表格排序插件tablesorter使用方法詳解
這篇文章主要為大家詳細介紹了jQuery html表格排序插件tablesorter的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02一些主流JS框架中DOMReady事件的實現(xiàn)小結(jié)
在實際應(yīng)用中,我們經(jīng)常會遇到這樣的場景,當(dāng)頁面加載完成后去做一些事情:綁定事件、DOM操作某些結(jié)點等。2011-02-02Jquery uploadify圖片上傳插件無法上傳的解決方法
很多的朋友都有遇到Jquery uploadify圖片上傳插件無法上傳的情況,下面為大家介紹下不錯的解決方法,感興趣的朋友可以參考下2013-12-12jQuery+PHP+MySQL二級聯(lián)動下拉菜單實例講解
這篇文章主要介紹了一款jQuery+PHP+MySQL三者結(jié)合實現(xiàn)的二級聯(lián)動下拉菜單,需要的朋友可以參考下2015-10-10