jQuery将div移动到同一父级内的另一个div中

Question

<div class="events">

 <div class="single_event">

 <div class="div1">
  <div class="moveMe"><img src="example.img" /></div>
 </div>

 <div class="div2">
  <!-- .moveMe targets here -->
 </div>

</div><!-- end .single-event -->


<div class="single_event">

 <div class="div1">
  <div class="moveMe"><img src="example.img" /></div>
 </div>

 <div class="div2">
  <!-- .moveMe targets here -->
 </div>

</div><!-- end .single-event --> 

</div><!-- end .events -->

对于每个.single_event中的每个.moveMe，我想将整个元素（.moveMe）移动到div2中。一直在研究这个问题一段时间，我只是无法让它工作..

任何人都有线索？

这是网站：http://livefixtures.co.uk *注意，我正在现场工作，所以它可能看起来很奇怪。

我想将.wd-event-channels移动到.wd-event-content。

我用jQuery尝试过这个：

$('.wd-event-channels').appendTo(function(){
 return $(this).parent().find('.wd-event-content');
});

通过执行两次父级，我在wd-event-wrap级别，然后我可以选择相应的目标div（.wd-event-content）。重要的是div在同一个wd事件中移动。

Answer 1

$('.div2').append(function() {
    return $(this).prev('.div1').find('.moveMe');
});