dwz学习--动态生成树

来源：互联网发布：书包小说软件安卓版编辑：程序博客网时间：2024/05/25 05:35
<div id="leftside">     <div id="sidebar">         <div class="toggleCollapse">             <h2>主菜单</h2>         </div>         <div class="accordion" fillSpace="sidebar" ref="index">             <div class="accordionHeader">                 <h2>                     <span>Folder</span>系统首页                 </h2>             </div>             <div class="accordionContent" id="left">             </div>         </div>     </div> </div> <script>     function getTree(data,pId){         var tree;         if(pId==0){             tree = '<ul class="tree treeFolder">';         }else{             tree = '<ul>';         }         for(var i in data){             if(data[i].pId == pId){                 tree += "<li><a href='#' target='navTab' rel='main'>"+data[i].name+"</a>";                 tree += getTree(data,data[i].id);                 tree += "</li>";             }         }         return tree+"</ul>";     }     jQuery(function($) {         var data = [{"id":1,"pId":0,"name":"aaa"},{"id":2,"pId":1,"name":"bbb"},{"id":3,"pId":2,"name":"ccc"},{"id":4,"pId":3,"name":"ddd"},{"id":5,"pId":2,"name":"eee"},{"id":6,"pId":5,"name":"fff"}]         $("#left").html(getTree(data,0).replaceAll("<ul></ul>",""));     }); </script>
0 0