javascript - 我需要将图像从一个元素移动到另一个元素

Question

我有这个 html 结构。我希望其他字段项与其他字段项放在一起。

<div class="secondary-images">
  <div data-quickedit-field-id="node/29/rd_page_secondary_image/da/full" class="group1">
    <div class="field__item"></div>
    <div class="field__item"></div>
    <div class="field__item"></div>
    <div class="field__item"></div>
    <div class="field__item"></div>
    <div class="field__item"></div>
  </div>
  <div data-quickedit-field-id="node/29/rd_page_secondary_image/da/full" class="group2">
    <div class="field__item"></div>
    <div class="field__item"></div>
  </div>
</div>

我想要这个。

<div class="secondary-images">
  <div data-quickedit-field-id="node/29/rd_page_secondary_image/da/full" class="group1">
    <div class="field__item"></div>
    <div class="field__item"></div>
    <div class="field__item"></div>
    <div class="field__item"></div>
    <div class="field__item"></div>
    <div class="field__item"></div>
    <div class="field__item"></div>
    <div class="field__item"></div>
  </div>
  <div data-quickedit-field-id="node/29/rd_page_secondary_image/da/full" class="group2">

  </div>
</div>

我如何移动元素。我试过了，但没有成功。

var $element = $('.secondary-images > .group2').detach();
$('.secondary-images > .group1').append($element);

Answer 1

<script>
  $(document).ready(function() {
    $(".group1").append($(".group2").detach());
  });
</script>

就在</body>之前

这是一个例子:http://plnkr.co/edit/U6NwzpcYFojCrDkXWMRt?p=preview