jquery重新排序div

Question

我有3个div想要在doucment准备好的时候扭转顺序

<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

\n\n

  $(function(){\n    var items=$("#div1 div").toArray();\n        items.reverse();\n        $.each(items,function(){\n           $("#div1").append(this); \n        });     \n    });\xe2\x80\x8b\n

\n\n

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

\n