Reversing order of elements

Question

The following code rearranges elements by the attribute "amount". How can I alter this code so the items will be reversed? Thanks.

var parent = $('#items');
var children = $('a', parent);
children.sort(function(a, b) {
    return parseInt($(a).attr('amount')) - parseInt($(b).attr('amount'));
})

$.each(children, function(i, child) {
    parent.append(child);
});

Answer 1

Use prepend instead of append?

http://docs.jquery.com/Manipulation/prepend#content

Answer 2

Change the order of the values you are comparing (b-a instead of a-b):

var children = $('a', parent).sort(function(a, b) {
    return parseInt($(b).attr('amount'), 10) - parseInt($(a).attr('amount'), 10);
});

Answer 3

children.sort(function(a, b) {
    return parseInt($(a).attr('amount')) < parseInt($(b).attr('amount')) ? 0 : 1;
});

Answer 4

I've used this technique. It's ideal for small collections.

jQuery.fn.reverse = function() {
   return this.pushStack(this.get().reverse(), arguments);
};

var r = $('.class').reverse();