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

蒂亚！！！

Answer 1

您可以将它们放在一个数组中并使用 sort 函数。您可以在此处阅读如何编写自定义comarator。

Answer 2

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

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

http://jsfiddle.net/v35eX/