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

相關(guān)文章

Jquery+ajax請(qǐng)求data顯示在GridView上(asp.net)
Jquery ajax請(qǐng)求data顯示在asp.net中GridView控件上，需要的朋友可以參考下。
2010-08-08
jQuery中append()方法用法實(shí)例
這篇文章主要介紹了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)在用戶鼠標(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