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