Jquery 将多个div移动到列表中的其他div

我有多个重复的父

div

s，每个都包含一个“Date”

div

和一个图像容器

我想使用jQuery将每个父元素中的每个“Date”

div

移动到重复元素end中的另一个位置

这怎么可能？我已经看了这里的其他问题，但没有什么真正适合我

我的重复HTML是：

<div class="grid_12 featureEventWrap">

<div class="row">
  <div class="grid_8" style="padding-top: 20px">

    <div class="dateWrap">
      <h6>December</h6>
      <h5>14</h5>
    </div>

    <div class="featuredEvent">
      <h2>Title</h2>
      <h3>Subtitle</h3>
      <p>Paragraph, paragraph</p>
    </div>
  </div>

  <div class="grid_4 featuredEventImage">
    <div class="featuredEventImageShad">
      <img src="images/news/1.jpg" width="270" height="175">
    </div>
  </div>

</div>
</div>

十二月
14
标题
字幕
段落，段落

---

这会在页面上重复多次，但我希望将

.dateWrap

移动到每个实例的

.featuredEventImage

中。非常感谢您的帮助

当然，应该很简单，因为：

$('.featureEventWrap').each(function(){
    var $destination = $(this).find(' .destinationElement ');
    $(this).find(' .elementToMove ').appendTo( $destination );
});

试试这个

$('.dateWrap').each(function() {
    $(this).parents('.row:first').find('.featuredEventImage').append(this);
});

  $('.dateWrap').each(function() {
        $(this).siblings('.featuredEventImage').append(this);
    });

注意：当您将一个元素附加到另一个元素中时，第一个元素将丢失原始父元素，并将其移动到新对象中。

尝试此操作

$('.dateWrap').each(function() {
    $(this).parents('.row:first').find('.featuredEventImage').append(this);
});

  $('.dateWrap').each(function() {
        $(this).siblings('.featuredEventImage').append(this);
    });

---

你也可以粘贴你想要的最终结果吗？你是说

s？太好了，谢谢。我有很多东西在移动，但每个函数都让我困惑。信息量很大。