JQuery .each() backwards

Question

I'm using JQuery to select some elements on a page and then move them around in the DOM. The problem I'm having is I need to select all the elements in the reverse order that JQuery naturally wants to select them. For example:

<ul>    <li>Item 1</li>    <li>Item 2</li>    <li>Item 3</li>    <li>Item 4</li>    <li>Item 5</li> </ul> 

I want to select all the li items and use the .each() command on them but I want to start with Item 5, then Item 4 etc. Is this possible?

Answer 1

$($("li").get().reverse()).each(function() { /* ... */ }); 

Answer 2

I present you with the cleanest way ever, in the form of the world's smallest jquery plugin:

jQuery.fn.reverse = [].reverse; 

Usage:

$('jquery-selectors-go-here').reverse().each(function () {     //business as usual goes here }); 

-All credit to Michael Geary in his post here: http://www.mail-archive.com/[email protected]/msg04261.html