用CSS/jQuery重新定位5個DIV的最佳方法是什麼？

我有一個緩存頁面（所以我不能修改它）有5個結果。我想讓用戶按「較舊」或「較新」排序。用CSS/jQuery重新定位5個DIV的最佳方法是什麼？

所以，這將是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

我怎麼能這樣做呢？

謝謝！

來源

2012-05-08 Santiago

是你排序以扭轉現有的DOM順序，或者你是按每個div中的文本進行排序？ – jfriend00

@ jfriend00我想反轉的不僅僅是文本，而是包含結果的DIV（它們裏面有文本和其他函數）。儘管我不關心DOM元素的順序，但我只是對用戶看到它們的順序感興趣。 – Santiago

可以扭轉result的div像這樣的順序：

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

工作演示在這裏：http://jsfiddle.net/jfriend00/hvGy5/

來源

2012-05-08 06:40:27 jfriend00

謝謝@ jfriend00，但我不能讓代碼工作... – Santiago

@Santiago - 我不清楚爲什麼原來沒有工作，但我已經修改它的工作，幷包括一個工作演示。 – jfriend00

這與我的做法非常相似。 http://jsfiddle.net/lollero/dEq9n/ – Joonas

有一個偉大的插件，將做到這一點

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

來源

2012-05-08 06:35:20 Imdad

用CSS/jQuery重新定位5個DIV的最佳方法是什麼？

回答

相關問題