Question

I’ve a cached page (so, i can’t modify it) with 5 results. I want to let the user order by “older” or “newer”.

So, this would be the 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>

And I want a way to easily reorder the results so they can be seen like:

Result #5
Result #4
Result #3
Result #2
Result #1

How could I do it?

Thanks!

Answer 1

You can reverse the order of the result divs like this:

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

Working demo here: http://jsfiddle.net/jfriend00/hvGy5/