鍍金池/ 問答/HTML5  HTML/ 接口返回的圖片數(shù)據(jù)如何才能插入到HTML結構里

接口返回的圖片數(shù)據(jù)如何才能插入到HTML結構里

HTML 結構如下

  <div class="swiper-wrapper">
      <div class="swiper-slide">Slide 1</div>
      <div class="swiper-slide">Slide 2</div>
      <div class="swiper-slide">Slide 3</div>
      <div class="swiper-slide">Slide 4</div>
      <div class="swiper-slide">Slide 5</div>
      <div class="swiper-slide">Slide 6</div>
      <div class="swiper-slide">Slide 7</div>
      <div class="swiper-slide">Slide 8</div>
      <div class="swiper-slide">Slide 9</div>
      <div class="swiper-slide">Slide 10</div>
    </div>

接口返回圖片的base64地址 要將每個class = swiper-slide 的div里面插入img 如何才能做到性能最佳 并且確保每個div就循環(huán)插入一個

回答
編輯回答
神曲

用for循環(huán)插入

var str='';
for(var i=0;i<data.length;i++){
   str+='<div class="swiper-slide"><img src="'+data[i]+'" alt=""></div>'
  }
$('.swiper-wrapper').html(str)

data是你獲取到的圖片地址數(shù)組

2018年3月14日 20:26
編輯回答
神經質
$(".swiper-slide").each(function(index, item){
    const node = $("<img src='...'>");
    $(this).append(node);
})
2018年7月14日 15:58