javascript - 如何在 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

有关获取图像尺寸的信息，请参见此处。您可以像这样对数组进行排序。.sort() 有一个带有排序函数的重载。那是你比较大小的地方。

Answer 2

如果您使用的是 jquery：

​var images = $('img');

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

这是一个工作小提琴