树形转换

最新推荐文章于 2022-11-21 14:22:28 发布

It's ruined

最新推荐文章于 2022-11-21 14:22:28 发布

阅读量114

点赞数

分类专栏： react

本文链接：https://blog.csdn.net/Zhang__fan/article/details/117150230

版权

JavaScript 递归树形数据 HTML 列表转换

关键词由CSDN通过智能技术生成

react 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

var list = [
             { id:1, pid: 0, name: '0'},
             { id:6, pid: 0, name: '0'},
             { id:2, pid: 1, name: '11'},
             { id:3, pid: 1, name: '11'},
             { id:5, pid: 2, name: '222'},
             { id:7, pid: 5, name: '55555'},
         ]
         var div = document.getElementById('app')
         function tranListToTreeHtml (list, rootValue) {  // rootValue根值
             var html = '<ul>'
             list.forEach(item => {
                 if (item.pid === rootValue) {
                 var childHtml = tranListToTreeHtml(list, item.id)
                     html += `<li>${item.name}${childHtml}</li>`
                 }
             });
             return html + '</ul>'
         }
         div.innerHTML = tranListToTreeHtml(list, 0)