Question

如何获取文件夹"images/list"中的图像的最小宽度？

该文件夹具有不同大小的图像，我只想要最小宽度，以便设置所有图像并在页面上显示正确的布局。

HTML ：

<div>
<img class="minimg" src="images/list/one.jpg" />
<img class="minimg" src="images/list/abc.jpg" />
<img class="minimg" src="images/list/xyz.jpg" />
<img class="minimg" src="images/list/two.jpg" />
<img class="minimg" src="images/list/apple.jpg" />
</div>

CSS ：

.minimg{
    min-width:300px;
}

我希望使用jQuery按照文件夹中列出的图像的最小宽度设置所有图像，我该如何实现？

Answer 1

我说你想做的是这样的事情：

var minWidth = Math.min.apply( null,
        $('.minimg').map(function(){return $(this).width();}).get());
$('.minimg').width(minWidth);

JSFiddle在这里：http://jsfiddle.net/naokiota/z5x9R/1/

Math.min()的文件在这里：
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/min
Math.max.apply()在这里：
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/max

希望这有帮助。

Answer 2

这可行吗

var min_width = 0;
$('.minimg').each(function(){
  if (min_width == 0 || min_width > $(this).width())
    min_width = $(this).width();
});
$('.minimg').css({ "width" : min_width + "px"});

<强> DEMO

Answer 3

我认为您需要使用javascript，迭代所有图像并存储最小图像的值，然后通过javascript为每个图像设置css。

获取文件夹中的图像最小宽度

3 个答案: