jQuery遍歷json格式資料完整程式碼例項
本章節分享一段完整的程式碼例項,它實現了對json格式資料遍歷的功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> var a = { "sys_bb": [ { "menu_name": "前端專區", "menus": [ { "menu_name": "json資料" }, { "menu_name": "div教程" } ] }, { "menu_name": "資源能轉區", "menus": [ { "menu_name": "特效下載" }, { "menu_name": "手機模板" }, { "menu_name": "網站模板" } ] } ], "sys_cw": [ { "menu_name": "螞蟻部落", "menus": [ { "menu_name": "softwhy.com" } ] } ] }; $(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> </head> <body> <div id="Div"></div> </body> </html>
相關文章
- jQuery遍歷讀取json格式資料簡單程式碼例項jQueryJSON
- $.each()方法遍歷json格式資料程式碼例項JSON
- jquery使用each()方法遍歷json資料程式碼例項jQueryJSON
- $.each()遍歷json格式陣列程式碼例項JSON陣列
- jQuery處理json格式資料程式碼例項jQueryJSON
- javascript實現的遍歷json資料程式碼例項JavaScriptJSON
- jQuery對JSON格式資料的解析例項程式碼jQueryJSON
- jQuery遍歷陣列和集合程式碼例項jQuery陣列
- jQuery遍歷array陣列元素程式碼例項jQuery陣列
- 原生ajax處理json格式資料程式碼例項JSON
- js實現的json格式資料排序程式碼例項JSON排序
- jquery的each()函式遍歷陣列和物件程式碼例項jQuery函式陣列物件
- JSON簡單格式程式碼例項JSON
- $.each遍歷物件陣列程式碼例項物件陣列
- javascript遍歷陣列元素程式碼例項JavaScript陣列
- jQuery清除表單資料程式碼例項jQuery
- $.each()方法遍歷二維陣列程式碼例項陣列
- jQuery程式碼優化:遍歷篇jQuery優化
- jQuery向後臺傳送json資料進行處理程式碼例項jQueryJSON
- $.each()函式遍歷陣列和物件程式碼例項函式陣列物件
- jQuery is() 程式碼例項jQuery
- jquery遍歷得到的 Map 資料,jQuery
- js 將json字串轉換為json格式物件程式碼例項JSON字串物件
- jQuery限制上傳圖片格式和大小程式碼例項jQuery
- jQuery選項卡例項程式碼jQuery
- jQuery 遍歷jQuery
- 將json格式物件轉換為查詢字串程式碼例項JSON物件字串
- 將表單元素轉換為json格式物件例項程式碼JSON物件
- jQuery操作cookie程式碼例項jQueryCookie
- jQuery 動畫效果程式碼例項jQuery動畫
- jQuery事件冒泡程式碼例項jQuery事件
- JSON.parse()程式碼例項JSON
- jQuery 遍歷方法jQuery
- jQuery 遍歷 – 祖先jQuery
- jquery 驗證碼效果程式碼例項jQuery
- jQuery.map()方法程式碼例項jQuery
- jQuery阻止事件冒泡程式碼例項jQuery事件
- 阻止jquery事件冒泡程式碼例項jQuery事件