利用模板字符串加载二位数组数据

二维数组:

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);
    });
}```

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值