[JavaScript] Jquery遍历Json数据的示例 →→→→→进入此内容的聊天室

来自 , 2020-03-21, 写在 JavaScript, 查看 163 次.
URL http://www.code666.cn/view/b5d3ad89
  1. <html>
  2. <head>
  3.    <title>sssssss</title>
  4.      <script src="lib/jquery/jquery-1.5.2.min.js" type="text/javascript"></script>
  5.  
  6. </head>
  7.  
  8.  
  9. <script>
  10.  
  11.     var a = {
  12.         "sys_bb": [
  13.         {
  14.             "menu_name": "教务处",
  15.             "menus": [
  16.                 {
  17.                     "menu_name": "张明"
  18.                 },
  19.                 {
  20.                     "menu_name": "王明"
  21.                 }
  22.             ]
  23.         },
  24.         {
  25.             "menu_name": "办公室",
  26.             "menus": [
  27.                 {
  28.                     "menu_name": "刘处"
  29.                 },
  30.                 {
  31.                     "menu_name": "小王"
  32.                 },
  33.                 {
  34.                     "menu_name": "张三"
  35.                 }
  36.             ]
  37.         }
  38.     ],
  39.         "sys_cw": [
  40.         {
  41.             "menu_name": "财务处",
  42.             "menus": [
  43.                 {
  44.                     "menu_name": "王虎"
  45.                 }
  46.             ]
  47.         }
  48.     ]
  49.     };
  50.  
  51.     $(function () {
  52.  
  53.         $.each(a.sys_bb, function (i, n) {
  54.  
  55.             $("#Div").append(a.sys_bb[i].menu_name + "<br>");
  56.             $.each(a.sys_bb[i].menus, function (i, n) {
  57.  
  58.                 $("#Div").append("  " + n.menu_name + "<br>");
  59.             });
  60.  
  61.         });
  62.  
  63.         $.each(a.sys_cw, function (i, n) {
  64.  
  65.             $("#Div").append(a.sys_cw[i].menu_name + "<br>");
  66.             $.each(a.sys_cw[i].menus, function (i, n) {
  67.  
  68.                 $("#Div").append("  " + n.menu_name + "<br>")
  69.             });
  70.  
  71.         });
  72.     });
  73. </script>
  74.  
  75. <body>
  76.  
  77. <div id="Div">
  78. </div>
  79. </body>
  80. </html>
  81. //javascript/5885

回复 "Jquery遍历Json数据的示例"

这儿你可以回复上面这条便签

captcha