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

时间:2013-11-14 23:43:41

标签: jquery html append move appendto

<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事件中移动。

1 个答案:

答案 0 :(得分:0)

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