Jquery: iterating children () in reverse order

Question

I need to iterate over jquery children in reverse order:

$("#parent").children().each(function() { # do stuff }) 

but vice versa.

I have seen using reverse () with get ()

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

but it doesn't seem to be working with children ().

Answer 1

Using the same strategy as before:

 $($("#parent").children().get().reverse()).each(function() { # do stuff }) 

Or a little more neat:

 [].reverse.call($("#parent").children()).each(function() { # do stuff }) 

Answer 2

try it

 jQuery.fn.reverse = [].reverse; $("#parent").children().reverse().each(function () { }); 

SEE HERE

Answer 3

What about

 $.each( $("#parent").children().get().reverse(), function(){ // whatever.. } ); 

Demo at http://jsfiddle.net/mPsep/

Answer 4

It will work

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

Demo: http://jsfiddle.net/tymeJV/maxzA/

Answer 5

Try this: SEE http://api.jquery.com/child-selector/

 $($("#parent > li").get().reverse()).each(function() { # do stuff })