Jquery 获取文件夹中的图像最小宽度
如何获得文件夹中图像的最小宽度Jquery 获取文件夹中的图像最小宽度,jquery,Jquery,如何获得文件夹中图像的最小宽度“图像/列表” 该文件夹有不同大小的图像,我只想最小的宽度,以便设置所有图像和显示页面上的适当布局 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" /> &l
“图像/列表”
该文件夹有不同大小的图像,我只想最小的宽度,以便设置所有图像和显示页面上的适当布局
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>
.minimg{
min-width:300px;
}
我想使用jQuery将所有图像设置为文件夹中列出的图像的最小宽度,如何实现这一点?我认为您需要为此使用javascript,迭代所有图像并存储最小图像的值,然后通过javascript为每个图像设置css。这可能有效
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"});
我告诉你,你想做的事情是这样的:
var minWidth = Math.min.apply( null,
$('.minimg').map(function(){return $(this).width();}).get());
$('.minimg').width(minWidth);
JSFIDLE在这里:
Math.min()
的文档在这里:而
Math.max.apply()
在这里:希望这有帮助