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); })

  

  

  

原文地址:https://www.cnblogs.com/zhangying0518/p/14337919.html