Question

我有包含图片的HTML代码。现在，我尝试在这个html中找到所有图像并将它们移动到另一个div

这是HTML代码

<div class="gallery slider" data-autoplay="true" data-autoheight="true">
  <figure>
    <div><img src="http://localhost/cms/source/41d78c1785d38ec8086941cf55971aef.jpg" alt=""></div>
  </figure>
</div><!-- gallery -->
<div id="trip-body">
    <img src="http://localhost/cms//source/img-09.jpg" alt="img-09">
</div>

这是我的Jquery

$('#trip-body').each(function () {
    var tripBody  = $(this);
    var tripImage = $(tripBody).find('img');

    $(tripImage).detach().appendTo('.post-area .slider figure');
});

但它不起作用！

Answer 1

试试这个

$('#trip-body img').each(function () {
    $(this).detach().appendTo('.slider > figure');
});

JSFiddle

找到html中的所有img标签，并通过jquery将所有标签移动到某个div

1 个答案: