如何移动的div类使用jQuery

Question

<div class="full_widget"> 
    <div class="connect_top clearfix"> 
    </div> 
    <div id="stream_content" class="page_stream_short"> 
    </div> 
    <div class="connections"> 
    </div> 
</div> 

我whant做的是移动连接类第一名中庸之道后

<div class="full_widget"> 

就像这样：

<div class="full_widget"> 
    <div class="connections"> 
    </div> 
    <div class="connect_top clearfix"> 
    </div> 
    <div id="stream_content" class="page_stream_short"> 
    </div> 
</div> 

感谢

Answer 1

您可以使用jQuery的prepend功能：

 
$('.full_widget').prepend($('.connections')); 

Answer 2

$('.full_widget').prepend($('.connections')); 

Answer 3

$(".connections").prependTo(".full_widget"); 

这将始终将.connections移动到.full_widget的内部顶部。

$(".connections").insertBefore(".connect_top"); 

如果在其他元素添加到顶部，使用insertBefore()将确保它会显示正上方.connect_top，而不是直接移动到它的顶部。

如果你有这些的不止一个，简单地做：

$(".connections").prepend(function() { 
    var ele = $(this); 
    ele.prependTo(ele.parent()); 
});