獲取鏈接照片並插入另一個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()); 
});