快捷導(dǎo)航

Jquery遍歷Json數(shù)據(jù)的方法

更新時間：2015年04月20日 16:06:50 作者：feige

這篇文章主要介紹了Jquery遍歷Json數(shù)據(jù)的方法,涉及jQuery遍歷json格式數(shù)據(jù)的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了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": "財務(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>

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

Jquery
Json

相關(guān)文章

Jquery+ajax請求data顯示在GridView上(asp.net)
Jquery ajax請求data顯示在asp.net中GridView控件上，需要的朋友可以參考下。
2010-08-08
jQuery中append()方法用法實例
這篇文章主要介紹了jQuery中append()方法用法,實例分析了append()方法的功能、定義及在匹配元素的結(jié)尾插入指定內(nèi)容的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery實現(xiàn)標簽頁效果實戰(zhàn)（4）
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)標簽頁效果的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
jQuery獲得IE版本不準確webbrowser的解決方法
用$.browser.version經(jīng)常出現(xiàn)一些不準確的狀況，最近碰到，做了一些總結(jié)，不知道是否全面
2014-02-02
jquery+CSS實現(xiàn)懸浮登錄框遮罩
這篇文章主要為大家詳細介紹了jquery+CSS實現(xiàn)懸浮登錄框遮罩，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03
JQuery上傳插件Uploadify使用詳解及錯誤處理
關(guān)于JQuery上傳插件Uploadify使用詳解網(wǎng)上一大把，基本上內(nèi)容都一樣。我根據(jù)網(wǎng)上的步驟配置完成后，會報一些錯誤，而我根據(jù)這些錯誤去網(wǎng)上找解決方案，卻沒有相關(guān)資料，所以為了不讓更多的朋友走彎路，我把我遇到的一些問題進行匯總，也方便我自己以后查閱。
2010-04-04
jQuery實現(xiàn)可拖拽3D萬花筒旋轉(zhuǎn)特效
本文主要介紹了使用了CSS3立體效果的強大特效，本特效使用jQuery跟CSS3 transform來實現(xiàn)在用戶鼠標按下拖動時，環(huán)形圖片墻可以跟隨鼠標進行3D旋轉(zhuǎn)動畫。下面跟著小編一起來看下吧
2017-01-01
jquery分析文本里url或郵件地址為真實鏈接的方法
這篇文章主要介紹了jquery分析文本里url或郵件地址為真實鏈接的方法,涉及jQuery正則匹配與替換的相關(guān)技巧,需要的朋友可以參考下
2015-06-06
JQuery Tab選項卡效果代碼改進版
JQuery制作的選項卡改進版，已經(jīng)有人將這個效果改進下封裝成一個完整的方法。
2010-04-04
jQuery 中國省市兩級聯(lián)動選擇附圖
有關(guān)中國省市兩級聯(lián)動選擇的實現(xiàn)代碼在網(wǎng)上可以找到很多，而本文要為大家介紹的是一個比較實用的省市兩級聯(lián)動選擇，感興趣的朋友可以參考下
2014-05-05