javascript - how to move div class with jquery - Stack Overflow

admin管理员组

文章数量:1315044

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

what i whant to do is to move connections class in the first place juste after

<div class="full_widget"> 

just like this :

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

thanks

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

what i whant to do is to move connections class in the first place juste after

<div class="full_widget"> 

just like this :

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

thanks

• javascript
• jquery

Share Improve this question Follow edited Apr 24, 2011 at 15:06 Shaz 15.9k44 gold badges4343 silver badges6060 bronze badges asked Apr 24, 2011 at 15:00 SamDZSamDZ 7933 silver badges1010 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

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

This will always move .connections to the inner top of .full_widget.

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

If you added in another element to the top, using insertBefore() will insure it's displayed right above .connect_top, instead of moving it directly to the top.

If you have more than one of those, simply do:

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

You can use the jquery prepend function:

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

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

本文标签： javascripthow to move div class with jqueryStack Overflow