调整div中的所有图像的大小

Question

HTML

<div class="test"><img src="1.jpg"><img src="2.jpg"><img src="3.jpg"></div>
<div class="test"><img src="4.jpg"></div>

的jQuery

var max = 100;
var img = $('div.test img');
if (img.width() > max) {
    img.width = max;
}

我希望将.test类<div>中找到的所有图片重新调整为定义的最大宽度。

Answer 1

这样的事情：

var max = 100;
$('div.test img').each(function() {
    if ($(this).width() > max) {
        $(this).width(max);
    }
});

...将遍历所有图像，测试并（可能）依次设置每个图像的宽度。

替代解决方案：

var max = 100;
$('div.test img').width(function(i,w) {
    return Math.min(w, max);
});

进一步阅读：

• .each() method
• .width() method

Answer 2

就这么简单：

$('div.test img').css({'max-width' : '100px'});