获取链接照片并插入另一个div？

Question

首先，感谢您的帮助。我的英语不是很好 我希望人们帮助我。如何抓取class="swiper-slide"的照片插入class="tt1"？

例：

<div class="tt1"></div>  
<div class="tt11">...</div> 
<div class="tt2"> 
    <div class="tt3"> 
     <div class="swiper-slide"> 
      <img src="/image1.jpg" style="width: 225px; height: 400px;"> 
     </div> 
     <div class="swiper-slide"> 
      <img src="/image2.jpg" style="width: 225px; height: 400px;"> 
     </div> 
     <div class="swiper-slide"> 
      <img src="/image3.jpg" style="width: 225px; height: 400px;"> 
     </div> 
    </div> 
</div> 

结果：

<div class="tt1"> 
    <img src="/image1.jpg"> 
</div>  
<div class="tt11">...</div> 
<div class="tt2"> 
    <div class="tt3"> 
     <div class="swiper-slide"> 
      <img src="/image1.jpg" style="width: 225px; height: 400px;"> 
     </div> 
     <div class="swiper-slide"> 
      <img src="/image2.jpg" style="width: 225px; height: 400px;"> 
     </div> 
     <div class="swiper-slide"> 
      <img src="/image3.jpg" style="width: 225px; height: 400px;"> 
     </div> 
    </div> 
</div> 

再次感谢你对我的帮助！

Answer 1

我不确定你是否在寻找这样的东西，但看看。

$(".swiper-slide").each(function(){ 
 
    $(".tt1:eq(0)").append($(this).html()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="tt1"></div>  
 
<div class="tt11">...</div> 
 
<div class="tt2"> 
 
<div class="tt3"> 
 
    <br><br> 
 
/--- ss ---/ 
 
<div class="swiper-slide"> 
 
<img src="/image1.jpg" style="width: 225px; height: 400px;"> 
 
</div> 
 
<div class="swiper-slide"> 
 
<img src="/image2.jpg" style="width: 225px; height: 400px;"> 
 
</div> 
 
<div class="swiper-slide"> 
 
<img src="/image3.jpg" style="width: 225px; height: 400px;"> 
 
</div> 
 
/--- ss ---/ 
 
</div> 
 
</div>

Answer 2

用于抓取第一图像

方法1：$(".tt1").append($(".swiper-slide").html());

方法2：$(".tt1").append($(".swiper-slide:nth-child(1)").html());

对于类轻扫下抓取的所有图像R-滑

var swiperImage = ''; 
$(".swiper-slide").each(function() { 
    swiperImage += $(this).html(); 
}); 
$(".tt1").append(swiperImage); 

Answer 3

使用这个jQuery让每个img元素并在.tt1末插入：

$(".swiper-slide img").each(function(i){ 
    $(".tt1").append($(this).html()); 
});