Question

I’m making a little secret tool. The output will be in a table, and on the left-hand side I’d like to list the numbers I have stored in $.each(). So here’s my code:

$.each([1,2,3,4,5], function(i, l){


   var lol = (some math stuff here);

   $("#output").append("<tr><td>" + l + "</td><td>" + lol + "</td><tr>");

});

What this does is output the following:

1.  lol1
2.  lol2
3.  lol3
4.  lol4
5.  lol5

What I’m trying to do is reverse that l value but leave everything else alone so that the output instead looks like this:

5. lol1
4. lol2
3. lol3
2. lol4
1. lol5

Answer 1

Create a copy of the array and then reverse that one. Here’s a working example: http://jsfiddle.net/naRKF/

And the code (the HTML isn’t the same as yours, but the JS technique is what you should focus on/use):

var arr1 = [1,2,3,4,5];
var arr2 = arr1.slice().reverse(); //creates a copy and reverses it

var html = '';
for(var i = 0; i < arr1.length; i++){
    html += '<div>' + arr2[i] + '.' + ' lol' + arr1[i] + '</div>';
}

$('body').append(html);