二维数组:
let footdata = [
{
title: 'Product',
con: [
'Features',
'Integrations',
'Desktop app',
'Time tracking Android app',
'Time tracking iOS app',
'Support'
]
}, {
title: 'Support',
con: [
'Knowledge base',
'Developers API',
'Product updates',
'Server Status',
'Features',
'Press',
'Customer Stories'
]
}, {
title: 'Integrations',
con: [
'Trello',
'Podio',
'Asana',
'Calendar',
'Insightly',
'Zapier',
]
}, {
title: 'Resources',
con: [
'Blog',
'Contact',
'Sitemap',
'HeySpace',
'Other resources',
'Jobs'
]
}
]
在这里插入代码片function addli(content) {
let li = '';
content.forEach(item => {
li += `
<li>
<a href="#">${item}</a>
</li>
`
})
return li;
}
// 加载底部数据
function footer() {
footdata.forEach(element => {
let div = `
<div class="col-4">
<p>${element.title}</p>
<ul class="list-unstyled">
${addli(element.con)} //${可以放置函数}
</ul>
</div>
`;
$('footer .row').eq(0).append(div);
});
}```