专栏首页前端开发随笔Js反引号遍历数值

Js反引号遍历数值

<div class="rol"> </div>
<script>
    var list = [
            { 'one': '一等奖', 'two': '111', 'three': '500' },
            { 'one': '二等奖', 'two': '222', 'three': '600' },
            { 'one': '三等奖', 'two': '333', 'three': '700' },
            { 'one': '一等奖', 'two': '111', 'three': '500' },
            { 'one': '二等奖', 'two': '222', 'three': '600' },
            { 'one': '三等奖', 'two': '333', 'three': '700' },
        ]

        var more = ''
        for (let i in list) {
            more += `<div class="award">
                        <div>${list[i].one}</div>
                        <div>${list[i].two}</div>
                        <div>${list[i].three}</div>
                     </div>`
        }

        $('.rol').append(more)
  </script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Css实现内容溢出添加横向滚动条

    wePanda
  • ElementUI实现表格分页功能

    wePanda
  • jquery.rotate.js实现转盘抽奖活动

    wePanda
  • 交换机成环故障分析

    一天下午两点多钟,服务台突然接到电话,说多个业务系统无法访问虚机。到了公司机房,发现网络设备流量异常,VC控制台多台ESXI突然断开,短信告警信息频发,部分VC...

    孙杰
  • Dubbo分层架构之服务注册中心层的源码分析(上)

    手动配置会有很多问题,比如服务提供者挂了而服务消费者不知道,依旧调用。解决办法可以是在多次调用失败后将其剔除。但是服务提供者又重启恢复了呢,也可以解决,后台开一...

    Java艺术
  • 基于大数据企业网络威胁发现模型实践

    关于企业安全威胁数据收集分析是一个系统工程,每天在我们网络环境中,都会产生各种形式的威胁数据。为了网络安全防护,会收集各种流量日志、审计日志、报警日志、上网设备...

    糖果
  • [Vue 牛刀小试]:第二章 - 常见的指令的使用

      在上一章中,我们了解了一些在使用 Vue 进行开发中经常会遇到的基础概念,与传统的前端开发不同,Vue 可以使我们不必再使用 JavaScript 去操作 ...

    程序员宇说
  • 014. 深入JVM学习—G1收集器配置

    山海散人
  • Android开发笔记(五)日期的处理

    文本字符串的处理,数字格式是第一常见的,日期格式就是第二常见的了。日期的格式转换,主要是四种:Date转String、String转Date、Date转Ca...

    用户4464237
  • JVM又爆了,别傻傻只会重启加内存!

    前提:某大型跨境电商业务发展非常快,线上机器扩容也很频繁,但是对于线上机器的运行情况,特别是jvm内存的情况,一直没有一个统一的标准来给到各个应用服务的owne...

    Java技术栈

扫码关注云+社区

领取腾讯云代金券