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 回答