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

  

  

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM