使用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

有一个很棒的插件可以做到这一点

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

Answer 2

你可以像这样颠倒result div的顺序：

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

此处的演示演示：http://jsfiddle.net/jfriend00/hvGy5/