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