jQuery的重新排列的圖像

Question

我使用jQuery，我有以下的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" /> 

在我的腳本它被重新安排是這樣的：

<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" /> 

我如何讓它回去妥善安排？

<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/

Answer 2

你可以把它們放在一個數組中並使用排序功能。 您可以閱讀here如何編寫自定義comarator。