美文网首页前端
jq 循环数组插入到html元素中

jq 循环数组插入到html元素中

作者: forward | 来源:发表于2021-04-07 16:36 被阅读0次

循环knifeList数据插入到 class 为 .knife-list 的元素中 (今天帮某位大佬写的 防止 下次还让写这种东西)

html

<div class="knife-list"></div>

js

const knifeList = [
    {
        name:"张三",
        info:"我是张三的简介"
    },
    {
        name:"张四",
        info:"我是张四的简介"
    }
]



let knifeItemStr=knifeList.map((item,index)=>{
    return `
         <div class="knife-item"> 
            <div class="knife-name">${item.name}</div>
            <p>${item.info}</p>
        </div>
    `
}).join(" ")
document.querySelector('.knife-list').innerHTML=knifeItemStr

完成大概是长这个样子:

WechatIMG159.png

相关文章

  • jq 循环数组插入到html元素中

    循环knifeList数据插入到 class 为 .knife-list 的元素中 (今天帮某位大佬写的 防止 下...

  • 在HTML中使用Javascript

    把Javascript插入到HTML页面中要使用 元素。使用这个元素可以把Javascript嵌入到HTML页面中...

  • 如何在HTML中使用JavaScript

    把JavaScript插入到HTML页面中需要使用 元素。使用这个元素可以把JavaScript嵌入到HTML中,...

  • 【初级排序算法】插入排序

    插入排序将一个元素插入到已经有序的数组中的适当位置,使新的数组还是有序。插入排序中,当前索引左边的所有元素都是有序...

  • HTMl中script标签使用知识点

    把 JavaScript 插入到 HTML 页面中要使用 元素。使用这个元素可以把 JavaScript 嵌入到 ...

  • JavaScript最常用的嵌入方式是什么?

    把JavaScript插入到HTML页面中要使用 元素。JavaScript可以嵌入到HTML页面中,也可以引用外...

  • 1.插入排序

    插入算法如下: 只有一个元素的数组,那么是有顺序的,所以从1开始循环遍历 第二从循环中,如果插入的元素小于前面的数...

  • UE4数组操作

    insert:插入一个元素到相应下标clear:清除数组remove:移除数组中的某个元素get:获取某个下标对应...

  • 插入到某个子元素的前面

    插入到某个子元素的前面

  • Ionic中ng-repeat的应用

    ng-repeat指令用于循环输出指定次数的 HTML 元素。 集合必须是数组或对象。 所有的 HTML 元素都支...

网友评论

    本文标题:jq 循环数组插入到html元素中

    本文链接:https://www.haomeiwen.com/subject/srfukltx.html