jquery: iterate children() in reverse

Question

I need to iterate over jquery child elements in reverse:

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

but in reverse.

I have seen the use of reverse() with get()

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

but don't seem able to make it work with children().

possible duplicate of [JQuery .each() backwards](http://stackoverflow.com/questions/1394020/jquery-each-backwards) — Eric, May 17 '13 at 13:13

score 5 · Accepted Answer · answered May 17 '13 at 13:10

5

Using the same strategy as before:

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

Or slightly more neatly:

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

answered May 17 '13 at 13:10

Eric

score 2 · Answer 2 · answered May 17 '13 at 13:10

2

try this

jQuery.fn.reverse = [].reverse;

$("#parent").children().reverse().each(function () {
});

answered May 17 '13 at 13:10

PSR

Why would anybody downvote this? With the edit to add the step of copying the "reverse" method from the array prototype to the jQuery "fn" object, this should work just fine. – Pointy May 17 '13 at 13:15
Moreover, this is how jQuery itself does it (see e.g. `$.sort` in the sources). – georg May 17 '13 at 13:27

score 1 · Answer 3 · answered May 17 '13 at 13:11

1

How about

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

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

answered May 17 '13 at 13:11

Gabriele Petrioli

score 0 · Answer 4 · answered May 17 '13 at 13:10

0

This will work

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

answered May 17 '13 at 13:10

tymeJV

Somnath Kharat · Answer 5 · 2013-05-17T13:25:24.147

0

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

edited May 17 '13 at 13:25

answered May 17 '13 at 13:15

Somnath Kharat

5 Answers5