从后台返回了一组数据 ，怎么把这些数据做成一个树状菜单？

图片说明

前边的宽*高是父节点，后边的数据是子节点。
求代码或者思路

你的子节点里增加一个父节点ID
比如parentId
例：infoPaneId:193,parentId:205,
前台父级元素放入一个div中

 <div id="parent"> 
            <div id="son"></div>
</div>

子元素直接放在父元素下一级

http://www.treejs.cn/v3/main.php

可以参考一下这个。

图片说明

这是我的代码。。。

递归判断，生成tree树

1使用zTree插件



2.设置树
var jsonSetting = {
view: {
nameIsHTML: true,
dblClickExpand: false,
showIcon: true,
showLine: true
},
data: {
treeNodeKey : "id",
treeNodeParentKey : "pId",
simpleData: {
enable: true
}

},
};
需要指定节点的id 、父节点Id即可

var zNodes=jsonData;//节点数据
$.fn.zTree.init($("#tree"), jsonSetting, zNodes)//初始化
3.HTML：
<ul id="tree" class="ztree">
        </ul>