4

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

我怎么能做到？

谢谢！

4

2 回答 2

4

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

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

于 2012-05-08T06:35:20.773 回答
3

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

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

在这里工作演示：http: //jsfiddle.net/jfriend00/hvGy5/

于 2012-05-08T06:40:27.057 回答