jq for循环渲染数据
通过``符号直接把标签放进去,就不用字符串拼接了,然后再通过${comment.img1},这种形式渲染数据
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
方法1
<ul id="brand_slide_ul5"></ul>
<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
var html = '';
var data = []
$.each(data, function(commentIndex, comment) {
html +=
`<li data-k="${comment.id}">
<img class="lazy_img" data-original="${comment.img1}"/>
<p>${comment.name}</p>
</li>` });
$('#brand_slide_ul5').html(html);
</script>
方法2
<div class='zpInfoShow'></div>
$.each(
data,
function(index, item) {
var str = '';
str += '<div class="zpxxList" >'
+ '<a href=\"' + item.URL+ '\"><div class="zpOneName" id=\"'
+ ('zpInfo' + item.ID)
+ '\"><span>'
+ (item.GIFT_NAME).substr(0,1)
+ '</span></div></a>'
+ '</div>'
$('.zpInfoShow').append(str);
})

浙公网安备 33010602011771号