html 数组动态添加元素,JQ 如何嵌套循环数组生成动态的html元素插入dom

测试数据如下

`

var list = [

{

path: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3721578155,1813979158&fm=15&gp=0.jpg",

info: "测试数据",

id: 1,

location: [

{

title: "拍摄点1",

path: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3721578155,1813979158&fm=15&gp=0.jpg",

info: "测试数据"

},

{

title: "拍摄点2",

path: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3721578155,1813979158&fm=15&gp=0.jpg",

info: "测试数据"

},

{

title: "拍摄点3",

path: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3721578155,1813979158&fm=15&gp=0.jpg",

info: "测试数据"

},

{

title: "拍摄点4",

path: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3721578155,1813979158&fm=15&gp=0.jpg",

info: "测试数据"

}

]

},

{

path: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3721578155,1813979158&fm=15&gp=0.jpg",

info: "测试数据",

id: 2,

location: [

{

title: "拍摄点1",

path: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3721578155,1813979158&fm=15&gp=0.jpg",

info: "测试数据"

},

{

title: "拍摄点2",

path: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3721578155,1813979158&fm=15&gp=0.jpg",

info: "测试数据"

},

{

title: "拍摄点3",

path: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3721578155,1813979158&fm=15&gp=0.jpg",

info: "测试数据"

},

{

title: "拍摄点4",

path: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3721578155,1813979158&fm=15&gp=0.jpg",

info: "测试数据"

}

]

}

]

`

目前只能用each 循环到item这一层 item.location 要怎么循环？

`

错误代码

function initImglist(id, data, type) {

var html = ''

var htmlp = ''

var imgurl = "http://" + comfun.ComIp.serviceIp + "/aa/upload/pic"

$.each(data, function (index, item) {

html = ''

$.each(item.location, function (i, val) {

html +=

'

' +

'

' + val.title + '

' +

'

' +

'' +

'

图片描述

' +

'

' +

'

'

})

htmlp += '

' +

'

' +

'' +

'

图片描述

' +

'

' +

+html + '

'

})

$("#" + id).html(htmlp == "" ? "

无图片上传

" : htmlp)

$("[data-toggle='tooltip']").tooltip()

}

`

想要得到的dom结构

`

本地照片

alt="">

图片描述

拍摄点1

alt="">

图片描述

拍摄点2

alt="">

图片描述

`

class pic 是list的子集 拍摄地点 location 循环出来的

这样出来 数据就只有一层