dwz学习--动态生成树

<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>