jQuery reversing prependTo order

Question

I have a small problem, I have some static content inside a div and I need to add some extra content to it, prependTo works good, but the new content comes after the exisiting one. appendTo comes before the exisiting content, but each new appended content comes before the previous append.

Hard to explain, so I added a little example here: http://jsfiddle.net/9j958/

The foo# order is wrong, as you can see. Any way around this?

different version of this: http://stackoverflow.com/questions/1394020/jquery-each-backwards (adding link for cross reference) — Mark Schultheiss, Jan 31 '11 at 15:19
and finally, discussion of makeArray() with reverse example: http://api.jquery.com/jQuery.makeArray/ — Mark Schultheiss, Jan 31 '11 at 15:32

score 7 · Accepted Answer · answered Jan 31 '11 at 13:15

7

Reverse the elements before the each call.

$($('tr').get().reverse()).each(
    ...
);

answered Jan 31 '11 at 13:15

hleinone

4,470
4
35
49

Thanks, very simple fix for my problem! – WraithLux Jan 31 '11 at 13:28

score 0 · Answer 2 · answered Jan 31 '11 at 13:36

0

I'd have two suggestions.

The easier would be to add a empty div to the beginning of your fieldset and append your new elements to that instead of the fieldset directly: http://jsfiddle.net/9j958/9/

Or if for some reason you can't or don't want to change your HTML, then you could keep a reference to the last element you added and append the next element with insertAfter: http://jsfiddle.net/9j958/10/

answered Jan 31 '11 at 13:36

RoToRa

37,635
12
69
105

Thanks, these are some useful tips to memorize. – WraithLux Jan 31 '11 at 14:03

jQuery reversing prependTo order

2 Answers2