2010-04-21 65 views
1

我有以下配置:反轉順序

<div><div id='box1'>&nbsp;</div><div id='box2'>&nbsp;</div><div id='box3'>&nbsp;</div><div id='box4'>&nbsp;</div></div> 

什麼,我需要做的是反轉的div

<div><div id='box4'>&nbsp;</div><div id='box3'>&nbsp;</div><div id='box2'>&nbsp;</div><div id='box1'>&nbsp;</div></div> 

的順序是有一個快速的方法有做到這一點jQuery沒有克隆,刪除和替換項目?

回答

4

我想你正在尋找jQuery Reverse Order插件。

+0

這是一個很酷的插件。但是我在我自己的插件中使用這個,我不想依賴另一個插件。 – meo 2010-04-21 15:06:48

+0

我該怎麼使用他的代碼,它很簡單,但effectife: 功能(){ \t回this.each(函數(){ \t \t $(本).prependTo($(本).parent()); \t }); }; – meo 2010-04-21 15:11:18

+0

是的代碼很簡單,包括其他地方... – 2010-04-21 15:21:49

5

試試這個:

$top = $('div#thatTopDiv'); 
$top.children('div').slice(1).each(function() { 
    $(this).insertBefore($top.children().eq(0)); 
}); 

編輯:Tested和工作原理。

+0

這真棒! – 2013-10-17 18:38:33