jquery: reverse an order

Question

How can I reverse an order with jquery?

I tried with the suggestion like this but it won't work!

$($(".block-item").get().reverse()).each(function() { /* ... */ });

Have a look here.

I want the boxed to be rearranged like this,

18
17
16
etc

Thanks.

HELPFUL QUESTION : http://stackoverflow.com/questions/1394020/jquery-each-backwards — xkeshav, Jun 02 '11 at 19:30

score 22 · Accepted Answer · answered Jun 02 '11 at 19:23

22

If you have a container around the list, it's a little easier:

$("#container").append($(".block-item").get().reverse());

http://jsfiddle.net/BhTEN/12/

answered Jun 02 '11 at 19:23

Jamie Treworgy

23,934
8
76
119

Sergio · Answer 2 · 2016-11-24T21:29:37.477

You can use this:

$($(".block-item").get().reverse()).each(function (i) {
    $(this).text(++i);
});

Demo here.
Second demo here (changing the DOM elements positioning).

Another way, using also jQuery with reverse is:

$.fn.reverse = [].reverse;
$(".block-item").reverse().each(function (i) {
    $(this).text(++i);
});

This demo here.
Second demo here (changing the DOM elements positioning).

One more alternative is to use the length (count of elements matching that selector) and go down from there using the index of each iteration. Then you can use this:

var nr_of_divs = $(".block-item").length;
$(".block-item").each(function (i) {
    $(this).text(nr_of_divs - i);
});

This demo here
Second demo here (changing the DOM elements positioning).

One more, kind of related to the one above:

var nr_of_divs = $(".block-item").length;
$(".block-item").text(function (i) {
    return nr_of_divs - i;
});

Demo here

Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/129036/discussion-between-seika85-and-sergio). — Seika85, Nov 25 '16 at 12:32

score 5 · Answer 3 · answered Jun 02 '11 at 19:15

5

Your code is working. Just choose jQuery framework on the left hand.

 $($(".block-item").get().reverse()).each(function() {
     $(this).appendTo($(this).parent());
 });

answered Jun 02 '11 at 19:15

Farshid Zaker

1,960
2
22
39

score 2 · Answer 4 · answered Jun 02 '11 at 19:12

2

Could this be what you are looking for?

http://plugins.jquery.com/project/reverseorder

answered Jun 02 '11 at 19:12

Daniel A. White

187,200
47
362
445

yes it is. I thought there are other simpler methods than using this plugin. thanks though! – Run Jun 02 '11 at 19:14

score 1 · Answer 5 · answered Jun 02 '11 at 19:20

1

try this:

function disp(divs) {
      var a = [];
      for (var i = 0; i < divs.length; i++) {
        a.push(divs[i].innerHTML);
      }
    alert(a);
    }

    disp( $("div.block-item").get().reverse() );

DEMO

answered Jun 02 '11 at 19:20

xkeshav

53,360
44
177
245

1

**note:** `Array.reverse` has been around since JavaScript 1.1. – xkeshav Jun 02 '11 at 19:24

jquery: reverse an order

5 Answers5

DEMO

Related