Jquery遍歷Json數(shù)據(jù)的方法
更新時(shí)間：2015年04月20日 16:06:50 作者：feige
這篇文章主要介紹了Jquery遍歷Json數(shù)據(jù)的方法,涉及jQuery遍歷json格式數(shù)據(jù)的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了Jquery遍歷Json數(shù)據(jù)的方法。分享給大家供大家參考。具體如下：
<html>
<head>
<title>jQuery遍歷json</title>
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
</head>
<script>
var a = {
"sys_bb": [
{
"menu_name": "教務(wù)處",
"menus": [
{
"menu_name": "張明"
},
{
"menu_name": "王明"
}
]
},
{
"menu_name": "辦公室",
"menus": [
{
"menu_name": "劉處"
},
{
"menu_name": "小王"
},
{
"menu_name": "張三"
}
]
}
],
"sys_cw": [
{
"menu_name": "財(cái)務(wù)處",
"menus": [
{
"menu_name": "王虎"
}
]
}
]
};
$(function () {
$.each(a.sys_bb, function (i, n) {
$("#Div").append(a.sys_bb[i].menu_name + "<br>");
$.each(a.sys_bb[i].menus, function (i, n) {
$("#Div").append(" " + n.menu_name + "<br>");
});
});
$.each(a.sys_cw, function (i, n) {
$("#Div").append(a.sys_cw[i].menu_name + "<br>");
$.each(a.sys_cw[i].menus, function (i, n) {
$("#Div").append(" " + n.menu_name + "<br>")
});
});
});
</script>
<body>
<div id="Div">
</div>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- JQuery遍歷json數(shù)組的3種方法
- jquery對(duì)Json的各種遍歷方法總結(jié)(必看篇)
- 遍歷json獲得數(shù)據(jù)的幾種方法小結(jié)
- jQuery的ajax和遍歷數(shù)組json實(shí)例代碼
- jquery動(dòng)態(tài)遍歷Json對(duì)象的屬性和值的方法
- jQuery篩選數(shù)組之grep、each、inArray、map的用法及遍歷json對(duì)象
- jQuery遍歷json的方法(推薦)
- jQuery ajax json 數(shù)據(jù)的遍歷代碼
- jQuery通過(guò)ajax請(qǐng)求php遍歷json數(shù)組到table中的代碼(推薦)
- jquery遍歷json對(duì)象集合詳解
- jQuery使用$.each遍歷json數(shù)組的簡(jiǎn)單實(shí)現(xiàn)方法
- jQuery遍歷json的方法分析
- jquery使用each方法遍歷json格式數(shù)據(jù)實(shí)例
- jQuery遍歷json中多個(gè)map的方法
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- 通過(guò)Jquery遍歷Json的兩種數(shù)據(jù)結(jié)構(gòu)的實(shí)現(xiàn)代碼
- jQuery 遍歷json數(shù)組的實(shí)現(xiàn)代碼
- Javascript Jquery 遍歷Json的實(shí)現(xiàn)代碼
相關(guān)文章
Jquery+ajax請(qǐng)求data顯示在GridView上(asp.net)
Jquery ajax請(qǐng)求data顯示在asp.net中GridView控件上，需要的朋友可以參考下。2010-08-08
這篇文章主要介紹了jQuery中append()方法用法,實(shí)例分析了append()方法的功能、定義及在匹配元素的結(jié)尾插入指定內(nèi)容的使用技巧,需要的朋友可以參考下2015-01-01
jQuery實(shí)現(xiàn)標(biāo)簽頁(yè)效果實(shí)戰(zhàn)（4）
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)標(biāo)簽頁(yè)效果的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery獲得IE版本不準(zhǔn)確webbrowser的解決方法
用$.browser.version經(jīng)常出現(xiàn)一些不準(zhǔn)確的狀況，最近碰到，做了一些總結(jié)，不知道是否全面2014-02-02
jquery+CSS實(shí)現(xiàn)懸浮登錄框遮罩
這篇文章主要為大家詳細(xì)介紹了jquery+CSS實(shí)現(xiàn)懸浮登錄框遮罩，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
JQuery上傳插件Uploadify使用詳解及錯(cuò)誤處理
關(guān)于JQuery上傳插件Uploadify使用詳解網(wǎng)上一大把，基本上內(nèi)容都一樣。我根據(jù)網(wǎng)上的步驟配置完成后，會(huì)報(bào)一些錯(cuò)誤，而我根據(jù)這些錯(cuò)誤去網(wǎng)上找解決方案，卻沒(méi)有相關(guān)資料，所以為了不讓更多的朋友走彎路，我把我遇到的一些問(wèn)題進(jìn)行匯總，也方便我自己以后查閱。2010-04-04
jQuery實(shí)現(xiàn)可拖拽3D萬(wàn)花筒旋轉(zhuǎn)特效
本文主要介紹了使用了CSS3立體效果的強(qiáng)大特效，本特效使用jQuery跟CSS3 transform來(lái)實(shí)現(xiàn)在用戶(hù)鼠標(biāo)按下拖動(dòng)時(shí)，環(huán)形圖片墻可以跟隨鼠標(biāo)進(jìn)行3D旋轉(zhuǎn)動(dòng)畫(huà)。下面跟著小編一起來(lái)看下吧2017-01-01
jquery分析文本里url或郵件地址為真實(shí)鏈接的方法
這篇文章主要介紹了jquery分析文本里url或郵件地址為真實(shí)鏈接的方法,涉及jQuery正則匹配與替換的相關(guān)技巧,需要的朋友可以參考下2015-06-06
JQuery Tab選項(xiàng)卡效果代碼改進(jìn)版
JQuery制作的選項(xiàng)卡改進(jìn)版，已經(jīng)有人將這個(gè)效果改進(jìn)下封裝成一個(gè)完整的方法。2010-04-04
jQuery 中國(guó)省市兩級(jí)聯(lián)動(dòng)選擇附圖
有關(guān)中國(guó)省市兩級(jí)聯(lián)動(dòng)選擇的實(shí)現(xiàn)代碼在網(wǎng)上可以找到很多，而本文要為大家介紹的是一個(gè)比較實(shí)用的省市兩級(jí)聯(lián)動(dòng)選擇，感興趣的朋友可以參考下2014-05-05