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函数。 您可以阅读here如何编写自定义合作者。

Answer 2

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

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

http://jsfiddle.net/v35eX/