简单的数据递归渲染

treeArr= [

{

name:"yyk-1",

children:[

{

name:"yyk-1-1",

children:[

{

name:"yyk-1-1-1",

}

]

},

{

name:"yyk-1-2",

}

]

},

{

name:"yyk-2",

},

{

name:"yyk-3",

}

]

 

function recursive(data) {

var str = '<ul>';

for (var i = 0; i < data.length; i++) {

str += '<li>' + data[i].name

if (data[i].children &&data[i].children.length>0 ) {

str += recursive(data[i].children)

}

str += '</li>'

}

str += '</ul>';

return str

}

 

const domStr = recursive(treeArr);

$("#box").append(domStr)