如何使用jquery移动div类

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>

我想做的是在

之后立即移动连接类

<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

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

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

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

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

如果您有多个，请执行以下操作：

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

Answer 2

您可以使用jquery prepend 函数：

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

Answer 3

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