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)
11-03
355