Jquery遍歷Json數(shù)據(jù)的方法
本文實(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+css3實(shí)現(xiàn)轉(zhuǎn)動(dòng)的正方形效果(附demo源碼下載)
這篇文章主要介紹了jQuery+css3實(shí)現(xiàn)轉(zhuǎn)動(dòng)的正方形效果,可實(shí)現(xiàn)圖片組集體轉(zhuǎn)動(dòng)的功能,通過(guò)jQuery結(jié)合時(shí)間函數(shù)定時(shí)操作css3屬性實(shí)現(xiàn)旋轉(zhuǎn)效果,并附帶demo源碼供讀者下載,需要的朋友可以參考下2016-01-01
jquery插件制作 提示框插件實(shí)現(xiàn)代碼
今天我們介紹的是提示框插件tooltip的制作,其中還會(huì)介紹到自定義選擇器插件的開(kāi)發(fā)2012-08-08
struts2 jquery 打造無(wú)限層次的樹(shù)
需要:Struts2 , jquery樹(shù)插件 模擬數(shù)據(jù)庫(kù)數(shù)據(jù):每行數(shù)據(jù)包括--自己ID,自己內(nèi)容,父親ID2009-10-10
DIY jquery plugin - tabs標(biāo)簽切換實(shí)現(xiàn)代碼
接觸jquery 2,3個(gè)月了,一直都未動(dòng)手寫(xiě)過(guò)插件。正好最近比較閑,就打算把一直看不順眼的項(xiàng)目中現(xiàn)有的tab改造一番(現(xiàn)有的tab未能做成一個(gè)控件,copy,past的代碼太多)。2010-12-12
快速學(xué)習(xí)jQuery插件 jquery.validate.js表單驗(yàn)證插件使用方法
快速學(xué)習(xí)jQuery插件中的jquery.validate.js表單驗(yàn)證插件使用方法,Validation是歷史最悠久的jQuery插件之一,經(jīng)過(guò)了全球范圍內(nèi)不同項(xiàng)目的驗(yàn)證,并得到了許多Web開(kāi)發(fā)者的好評(píng),感興趣的小伙伴們可以參考一下2015-12-12
jQuery實(shí)現(xiàn)簡(jiǎn)單計(jì)算器
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單計(jì)算器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07
jQuery實(shí)現(xiàn)查找最近父節(jié)點(diǎn)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)查找最近父節(jié)點(diǎn)的方法,涉及jQuery針對(duì)元素節(jié)點(diǎn)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
淺析jQuery事件之on()方法綁定多個(gè)選擇器,多個(gè)事件
下面小編就為大家?guī)?lái)一篇淺析jQuery事件之on()方法綁定多個(gè)選擇器,多個(gè)事件。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家。也給大家做個(gè)參考2016-04-04
jQuery .attr()和.removeAttr()方法操作元素屬性示例
本文為大家詳細(xì)介紹下如何使用jQuery的.attr()和.removeAttr()方法讀取,添加,修改,刪除元素的屬性,不會(huì)的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07
jquery操作ID帶有變量的節(jié)點(diǎn)實(shí)例
下面小編就為大家?guī)?lái)一篇jquery操作ID帶有變量的節(jié)點(diǎn)實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12

