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

それらを配列に入れて、sort関数を使用することができます。カスタムコマレーターの書き方はこちらからご覧いただけます。

Answer 2

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

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

http://jsfiddle.net/v35eX/