接口返回的图片数据如何才能插入到HTML结构里

Question

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就循环插入一个

Answer 1

$(".swiper-slide").each(function(index, item){

    const node = $("<img src='...'>");

    $(this).append(node);

})