CSS/jQueryで5個のDIVを再配置する最良の方法は？

Question

私はキャッシュされたページを（そのため、私はそれを修正することはできません）5つの結果があります。私はユーザーに "古い"か "新しい"かを注文させたいと思っています。

ので、これは、HTMLのようになります。

<div class="result">Result #1</div> 
<div class="result">Result #2</div> 
<div class="result">Result #3</div> 
<div class="result">Result #4</div> 
<div class="result">Result #5</div> 

そして、私は、彼らは次のように見ることができるので、簡単に結果を並べ替えるための方法たい：

Result #5 
Result #4 
Result #3 
Result #2 
Result #1 

私はそれをどのように行うことができますか？

ありがとうございます！

Answer 1

ことでしょう偉大なプラグインがあります：

ここにデモの作業

var items = $(".result"); 
var parent = items.eq(0).parent(); 
items.each(function() { 
    parent.prepend(this); 
});​ 

：http://jsfiddle.net/jfriend00/hvGy5/

Answer 2

あなたはこのようなresult div要素の順序を逆にすることができます

http://jqueryui.com/demos/sortable/