Erhalten Sie Links Fotos und fügen Sie ein anderes div ein?

Question

Zuerst, danke, dass du mir geholfen hast. Mein Englisch ist nicht sehr gut Ich möchte, dass die Leute mir helfen. Wie man Fotos des class="swiper-slide" zum Einfügen class="tt1" ergreift?

Ex:

<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> 

Ergebnis:

<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> 

Vielen Dank noch einmal für mich zu helfen!

Answer 1

Ich bin mir nicht sicher, dass Sie nach etwas wie diesem suchen, aber werfen Sie einen Blick.

$(".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

Für erstes Bild erregende

Methode 1: $(".tt1").append($(".swiper-slide").html());

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

für alle Bilder unter Klasse Swipe erregenden r-Schlitten

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

Answer 3

verwenden JQuery, um sich gegen img Element und fügen Sie ihn am Ende .tt1:

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