jq 循环数组插入到html元素中
2021-04-07 本文已影响0人
forward
循环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
完成大概是长这个样子:
![](https://img.haomeiwen.com/i13269991/3cbcd4ed64e59e76.png)