jq 后台数据赋值到页面

现在使用习惯了vue的双向绑定之后 对原生赋值有一点生疏 每次遇到都回去查 索性写下来 让自己记住
这里是html代码

<div class="prizeExhibition"></div>

这里便是从后台获取的数据之后的赋值处理

data.data.giftInfo.forEach(item=>{
    
          
	var str= ''
	str += '<div class="prizeBox">'
	str += '<img src="'+item.url+'" class="giftMap">'
	str += '<p class="giftName">'+item.name+'</p>'
	str += '<div class="goldCoinPictureBox">'
	str += '<img src="images/getcoins_right_banlancecoins%2026.png" class="goldCoinPicture">'
	str += '<span class="numberCoins">'+item.coins+'</span>'
	str += '</div>'
	str += '</div>'
	$('.prizeExhibition').prepend(str);
})

赋值完成