如何移動的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()); 
});