基于jquery循環(huán)map功能的代碼
更新時(shí)間：2011年02月26日 12:40:45 作者：
前些天記錄了java中for循環(huán)取map，發(fā)現(xiàn)用jquery的each一樣可以取map（我稱(chēng)之為js的map，不要較勁），且順序和map中順序一致。
廢話(huà)少說(shuō)，看代碼
var map = {
地名: ["北京","天津","上海"],
民族: ["漢族","藏族","維吾爾族"]
};
$.each(map,function(key,values){
console.log(key);
$(values).each(function(){
console.log("\t" + this);
});
});
如果安裝了firebug，控制臺(tái)輸出如下樹(shù)狀結(jié)構(gòu)：
地名
北京
天津
上海
民族
漢族
藏族
維吾爾族
注意：jquery中的$().each和$.each的區(qū)別，前者只能遍歷數(shù)組，后者可以遍歷數(shù)組和對(duì)象
備注：sinobook項(xiàng)目中地名本體相關(guān)地按類(lèi)型分類(lèi)，后臺(tái)包的是一個(gè)map(key是關(guān)系類(lèi)型，value是一個(gè)list)，前臺(tái)可用上述方式輸出
復(fù)制代碼 代碼如下:
var map = {
地名: ["北京","天津","上海"],
民族: ["漢族","藏族","維吾爾族"]
};
$.each(map,function(key,values){
console.log(key);
$(values).each(function(){
console.log("\t" + this);
});
});
如果安裝了firebug，控制臺(tái)輸出如下樹(shù)狀結(jié)構(gòu)：
地名
北京
天津
上海
民族
漢族
藏族
維吾爾族
注意：jquery中的$().each和$.each的區(qū)別，前者只能遍歷數(shù)組，后者可以遍歷數(shù)組和對(duì)象
備注：sinobook項(xiàng)目中地名本體相關(guān)地按類(lèi)型分類(lèi)，后臺(tái)包的是一個(gè)map(key是關(guān)系類(lèi)型，value是一個(gè)list)，前臺(tái)可用上述方式輸出
您可能感興趣的文章:
相關(guān)文章
在很多時(shí)候，我們都不是一步就將所有信息填寫(xiě)完整，然后提交。而是分步進(jìn)行填寫(xiě)表單2011-03-03
jQuery替換節(jié)點(diǎn)用法示例(使用replaceWith方法)
這篇文章主要介紹了jQuery替換節(jié)點(diǎn)的方法,結(jié)合簡(jiǎn)單實(shí)例形式分析了jQuery使用replaceWith方法替換P標(biāo)簽顯示內(nèi)容的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-09-09
$.fn是指jquery的命名空間，加上fn上的方法及屬性，會(huì)對(duì)jquery實(shí)例每一個(gè)有效，下面簡(jiǎn)單為大家介紹下jquery $.fn $.fx到底是怎么一回事2013-11-11
學(xué)習(xí)了jquery,發(fā)現(xiàn)其功能真的很令我驚訝，為表格添加背景色用css也可以實(shí)現(xiàn)，卻不得不在<tr>標(biāo)簽里一行一行地添加，但用jquery只需四行代碼，就是這樣精簡(jiǎn)的用法，讓我對(duì)jquery產(chǎn)生了極大的興趣，也不得不驚嘆新興的技術(shù)所帶來(lái)的效率！2010-01-01
jquery操作select元素和option的實(shí)例代碼
這篇文章主要介紹了jquery操作select元素和option的實(shí)例代碼，感興趣的小伙伴們可以參考一下2016-02-02
idTabs基于JQuery的根據(jù)URL參數(shù)選擇Tab插件
我們的項(xiàng)目用了SunSean的idTabs，但每個(gè)tab里的控件會(huì)觸發(fā)postback，或者轉(zhuǎn)到其他頁(yè)面再轉(zhuǎn)回來(lái)，這樣當(dāng)前選中的tab必丟。印度同事不肯用AJAX，無(wú)奈今天加班給印度人寫(xiě)個(gè)demo，通過(guò)回傳URL參數(shù)來(lái)選擇tab2012-04-04
easyui簡(jiǎn)介_(kāi)動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了easyui簡(jiǎn)介，詳細(xì)的介紹了什么是easyui和easyui的用法，有興趣的可以了解一下2017-07-07
因?yàn)閖query中也有$調(diào)用，如果原來(lái)已經(jīng)定義了，難免會(huì)沖突。下面是一些解決思路。2010-07-07
jQuery實(shí)現(xiàn)仿QQ空間裝扮預(yù)覽圖片的鼠標(biāo)提示效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿QQ空間裝扮預(yù)覽圖片的鼠標(biāo)提示效果代碼,基于jQuery鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的動(dòng)態(tài)變換實(shí)現(xiàn)該功能,需要的朋友可以參考下2015-10-10
JQuery Tips(4) 一些關(guān)于提高JQuery性能的Tips
如今咱祖國(guó)已經(jīng)崛起了..電腦的配置也是直線(xiàn)上升.可是js的性能問(wèn)題依然不可小覷..尤其在萬(wàn)惡的IE中..js引擎速度本來(lái)就慢..如果JS如果再寫(xiě)不好，客戶(hù)端多開(kāi)幾個(gè)窗口假死肯定是家常便飯了.廢話(huà)不說(shuō)了，下面說(shuō)說(shuō)js性能提升的一些小Tips.2009-12-12