javascript - 获取链接照片并插入另一个 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>