jquery reorder div

Question

我有3个div想要颠倒顺序准备好了

<div id="block-1">First</div>
<div id="block-2">Second</div>
<div id="block-3">Third</div>

我如何在jquery中做到这一点？

Answer 1

<div id="parent">
<div id="block-1">First</div>
<div id="block-2">Second</div>
<div id="block-3">Third</div>
</div>

并在Jquery中尝试这样做

$('#parent > div').each(function() {
    $(this).prependTo(this.parentNode);
});​

您可以在jsfiddle http://jsfiddle.net/N7PGW/中查看示例。

Answer 2

只需使用

$('#block-2').insertBefore('#block-1');
$('#block-3').insertBefore('#block-2');

示例小提琴：http://jsfiddle.net/2DUXF/

Answer 3

这将反转id为"div1“的div中的所有div

  $(function(){
    var items=$("#div1 div").toArray();
        items.reverse();
        $.each(items,function(){
           $("#div1").append(this); 
        });     
    });​

这是jsFiddle http://jsfiddle.net/bCAVz/8/