Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 获取文件夹中的图像最小宽度_Jquery - Fatal编程技术网

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()
在这里:

希望这有帮助