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());

用于抓取类swiper-slide下的所有图像

 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());
});

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

3 个答案: