1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.     <title></title>
  6.     <script src="jquery-1.8.3.min.js"></script>
  7. </head>
  8. <body>
  9.  
  10.     <script type="text/javascript">
  11.         $(function () {
  12.             var data = [
  13.             { id: 1, name: "办公管理", pid: 0 },
  14.             { id: 2, name: "请假申请", pid: 1 },
  15.             { id: 3, name: "出差申请", pid: 1 },
  16.             { id: 4, name: "请假记录", pid: 2 },
  17.             { id: 5, name: "系统设置", pid: 0 },
  18.             { id: 6, name: "权限管理", pid: 5 },
  19.             { id: 7, name: "用户角色", pid: 6 },
  20.             { id: 8, name: "菜单设置", pid: 6 },
  21.             ];
  22.  
  23.             GetData(0, data);
  24.             $("body").append(menus);
  25.         });
  26.  
  27.         //菜单列表html
  28.         var menus = '';
  29.  
  30.         //根据菜单主键id生成菜单列表html
  31.         //id：菜单主键id
  32.         //arry：菜单数组信息
  33.         function GetData(id, arry) {
  34.             var childArry = GetParentArry(id, arry);
  35.             if (childArry.length > 0) {
  36.                 menus += '<ul>';
  37.                 for (var i in childArry) {
  38.                     menus += '<li>' + childArry[i].name;
  39.                     GetData(childArry[i].id, arry);
  40.                     menus += '</li>';
  41.                 }
  42.                 menus += '</ul>';
  43.             }
  44.         }
  45.  
  46.         //根据菜单主键id获取下级菜单
  47.         //id：菜单主键id
  48.         //arry：菜单数组信息
  49.         function GetParentArry(id, arry) {
  50.             var newArry = new Array();
  51.             for (var i in arry) {
  52.                 if (arry[i].pid == id)
  53.                     newArry.push(arry[i]);
  54.             }
  55.             return newArry;
  56.         }
  57.     </script>
  58. </body>
  59. </html>

　　

递归实现tree JQuery的更多相关文章

  1. Element DOM Tree jQuery plugin – Firebug like functionality | RockingCode

    Element DOM Tree jQuery plugin – Firebug like functionality | RockingCode Element DOM Tree jQuery pl ...

  2. python递归评论tree形图代码

    首先我有必要记录下来这段代码,因为我遇到了这个问题, 然后没有解决 后来, 前段说我找到一段代码给我看看, 我并没有在意, 然后她实现了, 她实现了,她真的实现了, 我... 为了感谢她,我陪她玩了一 ...

  3. easyUI tree jQuery

    Tree 数据转换 所有节点都包含以下属性: id:节点id,这个很重要到加载远程服务器数据 which is important to load remote data text: 显示的节点文本 ...

  4. Angular实现递归指令 - Tree View

    在层次数据结构展示中,树是一种极其常见的展现方式.比如系统中目录结构.企业组织结构.电子商务产品分类都是常见的树形结构数据. 这里我们采用Angular的方式来实现这类常见的tree view结构. ...

  5. UVa 548 (二叉树的递归遍历) Tree

    题意: 给出一棵由中序遍历和后序遍历确定的点带权的二叉树.然后找出一个根节点到叶子节点权值之和最小(如果相等选叶子节点权值最小的),输出最佳方案的叶子节点的权值. 二叉树有三种递归的遍历方式: 先序遍 ...

  6. 二叉树的递归遍历 Tree UVa548

    题意:给一棵点带权的二叉树的中序和后序遍历,找一个叶子使得他到根的路径上的权值的和最小,如果多解,那该叶子本身的权值应该最小 解题思路:1.用getline()输入整行字符,然后用stringstre ...

  7. java 实现递归实现tree

    package app.util; import java.util.ArrayList; import java.util.List; import com.alibaba.fastjson.JSO ...

  8. java 实现递归实现tree（2）

    import com.google.common.collect.Lists; import org.springframework.cglib.beans.BeanCopier; import ja ...

  9. C# 最原始的tree 递归使用

    ; i < dr.Rows.Count; i++)             {                 )                 {                     n ...

随机推荐

  1. mysql增删查改和alter

    盗用两篇文章吧,因为觉得别人总结的已经够好了 http://blog.csdn.net/evankaka/article/details/45580845 http://www.blogjava.ne ...

  2. sdut2165 Crack Mathmen （山东省第二届ACM省赛）

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/svitter/article/details/24270265 本文出自:http://blog.c ...

  3. coffeescript学习

    test2.coffeestdin = process.openStdin()stdin.setEncoding 'utf8' stdin.on 'data', (input) ->     n ...

  4. import()、import语句、require() 区别

    import命令能够接受什么参数,import()函数就能接受什么参数,两者区别主要是后者为动态加载. import() 与 import语句 区别 区别项 import() import语句 参数都 ...

  5. c#中如何保存焦点控件？

    对所有文本框添加焦点获得事件,头部再定义一个全局的object或者control的类型对象,在焦点获得事件中把当前控件对象赋值给之前定义的object或者control对象,操作的话就对这个全局量操作 ...

  6. JZ2440 裸机驱动 第10章 系统时钟和定时器

    本章目标      了解S3C2410/S3C2440的时钟体系结构     掌握通过设置MPLL改变系统时钟的方法     掌握在不同的频率下设置存储控制器的方法     掌握PWM定时器的用法   ...

  7. Windows 客户端时间更新脚本NTP

    Windows XP 客户端时间更新脚本NTP ::Windows XP 客户端时间更新脚本NTP reg add "HKEY_LOCAL_MACHINE\SOFTWARE\Microsof ...

  8. Windows Phone 的这几年

    Windows Phone 从2010年10月发布,到如今已经有3年多了.从那时坚持到现在的用户和开发者一定感慨很多吧. 一直关注着这个让人既爱又恨的平台的发展,笔者不仅是使用者,也同时是开发者,这里 ...

  9. 性能计数器监控typeperf

    获取性能计数器名称列表: typeperf -qx 监控: typeperf.exe "\JetByte TCP Stats Perf Counters Service\IPv4: ESTA ...

  10. 【Spring学习笔记-MVC-12】Spring MVC视图解析器之ResourceBundleViewResolver

    场景 当我们设计程序界面的时候,中国人希望界面是中文,而美国人希望界面是英文. 我们当然希望后台代码不需改变,系统能够通过配置文件配置,来自己觉得是显示中文界面还是英文界面. 这是,Spring mv ...