Jquery中的$.each獲取各種返回類型數(shù)據(jù)的使用方法
更新時(shí)間：2015年05月03日 11:01:33 投稿：hebedich
each()方法能使DOM循環(huán)結(jié)構(gòu)簡(jiǎn)潔，不容易出錯(cuò)。each()函數(shù)封裝了十分強(qiáng)大的遍歷功能，使用也很方便，它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等，在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量。
var arr = [ "one", "two", "three", "four"];
$.each(arr, function(){
alert(this);
});
上面這個(gè)each輸出的結(jié)果分別為：one,two,three,four
var arr = [ "aaa", "bbb", "ccc" ];
$.each(arr, function(i,a){
alert(i); // i 是循環(huán)的序數(shù)
alert(a); // a 是值
});
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]
$.each(arr1, function(i, item){
alert(item[0]);
});
其實(shí)arr1為一個(gè)二維數(shù)組，item相當(dāng)于取每一個(gè)一維數(shù)組，
item[0]相對(duì)于取每一個(gè)一維數(shù)組里的第一個(gè)值
所以上面這個(gè)each輸出分別為：1 4 7
var obj = { one:1, two:2, three:3, four:4};
$.each(obj, function(key, val) {
alert(obj[key]);
alert(key); //鍵
alert(val); //值
});
輸出結(jié)果為：1 2 3 4
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
相關(guān)文章
Jquery組件easyUi實(shí)現(xiàn)手風(fēng)琴(折疊面板)示例
這篇文章主要為大家詳細(xì)介紹了Jquery組件easyUi實(shí)現(xiàn)手風(fēng)琴示例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
ajax異步刷新實(shí)現(xiàn)更新數(shù)據(jù)庫(kù)
下面寫關(guān)于如何把無刷新的數(shù)據(jù)寫入到數(shù)據(jù)庫(kù)中,需要的朋友可以參考下2012-12-12
這篇文章主要介紹了提升jQuery的性能需要做好的七件事，希望真的幫助大家提升jQuery性能,需要的朋友可以參考下2016-01-01
jquery獲取form表單input元素值的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨query獲取form表單input元素值的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
下面小編就為大家?guī)硪黄狫query刪除css屬性的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
jQuery插件FusionCharts實(shí)現(xiàn)的3D柱狀圖效果實(shí)例【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts實(shí)現(xiàn)的3D柱狀圖效果,結(jié)合具體實(shí)例形式詳細(xì)分析了FusionCharts插件繪制3D柱狀圖的具體步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
解決IE9下JQuery發(fā)送ajax請(qǐng)求失效的方法
這篇文章介紹了解決IE9下JQuery發(fā)送ajax請(qǐng)求失效的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
點(diǎn)擊后可以輸入排序的數(shù)字編號(hào)，移開后自動(dòng)更新數(shù)據(jù)庫(kù)。2010-02-02
為了試著用jQuery找出一個(gè)table中沒有colspan屬性的td，試了很多種方法，這個(gè)是最好的，記在這里，下次不要再忘了2010-07-07
用自定義圖片代替原生checkbox實(shí)現(xiàn)全選,刪除以及提交的方法
下面小編就為大家?guī)硪黄米远x圖片代替原生checkbox實(shí)現(xiàn)全選,刪除以及提交的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10