我如何在javascript或jquery中按维度对图像进行排序

Question

如何在JavaScript或jQuery中按维度对图像进行排序。我的代码如下：

var imgsrc = '';
if (document.images.length < 1) {
    alert('No images to open');
    return;
}
for (var i = 0; i < window.parent.document.images.length; i++) {
    imgsrc + = '\n';
}

if (imgsrc != '') {
    var newwin = window.open('', '');
    newwin.document.open();
    newwin.document.write('\n' + imgsrc + '');
    newwin.document.close();
} else {
    alert('No images!')
}​

请帮帮我。提前谢谢。

Answer 1

有关获取图片尺寸的信息，请参阅here。您可以对this之类的数组进行排序。 .sort（）有一个带有sort函数的重载。这是你比较尺寸的地方。

Answer 2

如果您使用的是jquery：

​var images = $('img');

if ( images.length ) {
// images were found
 images.sort( function (img1, img2) { return img1.width - img2.width } );                                     
}

这是一个有效的fiddle