在 html 中找到所有 img 标签并通过 jquery 将所有标签移动到某个 div答案

【问题标题】：find all img tags inside html and move all to a certain div by jquery在 html 中找到所有 img 标签并通过 jquery 将所有标签移动到某个 div
【发布时间】：2016-01-27 17:51:51
【问题描述】：

我有包含图像的 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');
});

但它不起作用！

【问题讨论】：

什么不起作用？有什么事吗？您在开发者控制台中是否遇到任何错误？
我想你只有一个#trip-body，如果是这样，你不需要.each()吗？
id 应该是唯一的。将 .each 与 id 选择器一起使用仅适用于页面上具有该 id 的第一个元素（除非您将其更改为 [id='#trip-body'] 或其他内容）
将id="trip-body" 更改为class="trip-body"。
@ajshort 什么都没发生

标签： jquery html image appendto detach

【解决方案1】：

试试这个

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

JSFiddle

【讨论】：

感谢您的重播，现在它成功了。