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

這將扭轉ID爲 「DIV1」

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

這裏一個div裏面所有div是的jsfiddle http://jsfiddle.net/bCAVz/8/

Answer 2

只需使用

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

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

Answer 3

<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 4

$(
    $("div[id|=block]") 
     .slice(1) 
     .get() 
     .reverse() 
) 
    .insertBefore("div[id|=block]:first"); 

http://jsfiddle.net/8adwS/

例如另外請注意，您可以添加陣列反向語法jQuery函數語法，會爲你節省一個選擇器。