Question

I’m using jQuery, I have the following HTML:

<img id='1' src="1.jpg" />
<img id='2' src="2.jpg" />
<img id='3' src="3.jpg" />
<img id='4' src="4.jpg" />
<img id='5' src="5.jpg" />

On my script it was being rearrange like this:

<img id='1' src="1.jpg" />
<img id='4' src="4.jpg" />
<img id='2' src="2.jpg" />
<img id='5' src="5.jpg" />
<img id='3' src="3.jpg" />

How do I make it go back to proper arrangement?

<img id='1' src="1.jpg" />
<img id='2' src="2.jpg" />
<img id='3' src="3.jpg" />
<img id='4' src="4.jpg" />
<img id='5' src="5.jpg" />

TIA!!!

Answer 1

var len = $('img').length;

for (var i = 1; i <= len; i++) {
  $('img[id='+i+']').appendTo('#container')
}
​

http://jsfiddle.net/v35eX/