jquery - 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');
});

通过执行 parent 两次，我处于 ​​wd-event-wrap 级别，然后我可以选择相应的目标 div (.wd-event-content)。重要的是 div 在同一个 wd-event 中移动。

Answer 1

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