how to iterate elements in reverse order in jquery?

Question

i'm new to jquery.I'd like to know how to iterate form elements in reverse order in jquery using each()? Any help would be appreciated:)

See [this question](http://stackoverflow.com/questions/1394020/jquery-each-backwards) — BoltClock, Dec 21 '10 at 06:34

score 39 · Accepted Answer · answered Dec 21 '10 at 06:36

39

try this

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

answered Dec 21 '10 at 06:36

score 20 · Answer 2 · edited Dec 21 '10 at 06:37

20

$($("input").get().reverse()).each(function() { 
   //function body here
});

The .get().reverse() returns the reversed array of all your elements You can then use each() to return each individual element.

Hope this helps.

edited Dec 21 '10 at 06:37

BoltClock

answered Dec 21 '10 at 06:36

Osiris

1

Welcome to the site, to format your code blocks simply indent each line by four spaces. See http://stackoverflow.com/editing-help for more. – BoltClock Dec 21 '10 at 06:38
this helps me to solve my issue :) thank you – Andrej Gaspar Dec 20 '13 at 08:12

score 12 · Answer 3 · answered Jan 03 '11 at 13:24

12

I use a similar method as above, but shorter, define a jQuery reverse function to be the same as the reverse function of an array:

$.fn.reverse = [].reverse;

now you can use it like this:

$('img').reverse().each(function(){ /* do something */ });

answered Jan 03 '11 at 13:24

Willem

This works in every case where I had to use this, but does anybody know why this isn't implemented in jQuery by default? – Willem Jan 03 '11 at 13:25
Well, this method is not required that often by developers. And jQuery has plugins support. If don't have something, create. – machineaddict Jul 16 '14 at 11:06

qwertymk · Answer 4 · 2015-10-29T19:23:52.810

3

Better yet

$.each(  $( $('input').get().reverse() )  , function(){ /* ... */ });

edited Oct 29 '15 at 19:23

answered Dec 21 '10 at 06:46

qwertymk

reverse is not a built-in jQuery command, your answer results in "TypeError: $(...).reverse is not a function" – efreed Oct 29 '15 at 17:57

score 3 · Answer 5 · answered Dec 21 '10 at 14:03

I prefer creating a reverse plug-in eg

jQuery.fn.reverse = function(fn) {

   var i = this.length;

   while(i) {
        i--;
        fn.call(this[i], i, this[i])
   }
};

Usage eg:

$('#product-panel > div').reverse(function(i, e) {
    alert(i);
    alert(e);
});

5 Answers5