Reorder DOM elements order when using jQuery each()

Question

Is there any way to modify the order JQuery each() accesses the elements on the page?

I.e I have 4 elements on the page and I want element 3 to come first, then 2, then 4 and then 1.

Thanks

Richard

Z. Zlatev · Accepted Answer · 2010-11-11 13:39:28Z

5

Assume you reorder images.

imgs = $( 'img' );

imgs.eq( 3 ).insertBefore( imgs.eq( 1 ) );

imgs.eq( 1 ).insertAfter( imgs.eq( 4 ) );

Should do the trick.

answered Nov 11, 2010 at 13:39

Z. Zlatev

4,8101 gold badge35 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jAndy · Accepted Answer · 2010-11-11 13:35:12Z

2

.each() will deliver the nodes the same way they appear in the DOM. But it also passes the index into the callback functions. So if you need to act differently, check the index

$('object').each(function(index) {
    if( index === 2)
        alert('yay');
});

Ref.: .each()

answered Nov 11, 2010 at 13:35

jAndy

237k57 gold badges313 silver badges363 bronze badges

Comments

NimChimpsky · Accepted Answer · 2010-11-11 13:33:30Z

0

if you know that why not just reference them in that order without using each.

answered Nov 11, 2010 at 13:33

NimChimpsky

47.5k61 gold badges202 silver badges319 bronze badges

Comments

pestaa · Accepted Answer · 2010-11-11 13:36:03Z

0

$items = $('.my-selector');
my_array = [ $items.get(2), $items.get(1), $items.get(3), $items.get(0) ];
jQuery.each(my_array, callback_function);

Note that the jQuery object is 0-indexed.

answered Nov 11, 2010 at 13:36

pestaa

4,7492 gold badges25 silver badges32 bronze badges

Collectives™ on Stack Overflow

Reorder DOM elements order when using jQuery each()

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related