找到 html 内的所有 img 标签，并通过 jquery 全部移动到某个 div

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

find all img tags inside html and move all to a certain div by jquery

html

jquery

image

detach

appendto