使用CSS/jQuery重新定位5个div的最佳方法？

我有一个缓存页面（所以，我不能修改它），有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>

我怎么做呢

---

谢谢

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

---

您可以颠倒

结果的顺序，如下所示：

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

这里的工作演示：
您是通过排序来反转现有的DOM顺序，还是按照每个div中的文本进行排序？@jfriend00我不仅要反转文本，还要反转包含结果的div（它们内部有文本和其他函数）。虽然我不关心DOM元素的顺序，但我只对用户看到它们的顺序感兴趣。@Santiago-我不清楚为什么原来的元素不起作用，但我已经将它修改为可以起作用的元素，并包含了一个可以工作的演示。@Santiago我知道我的元素必须慢一点，但我很好奇，所以让你看看（几乎是一半！：/）
var items = $(".result");
var parent = items.eq(0).parent();
items.each(function() {
    parent.prepend(this);
});​