对于每个应用相同的高度变化到所有实例

Question

我有以下代码来根据窗口高度是否小于750px调整图像的大小。问题是，虽然有几个图像与类.squash，脚本采取第一个图像，计算新的高度，然后将高度应用于所有图像与类.squash。我也尝试过不使用.each，但有相同的结果。

如果你指出我的错误，我会很感激的!MTIA

    $('img.squash').each (
        function() {            
        var oldSquashHeight = $('img.squash').height();
            newSquashHeight = oldSquashHeight * 0.8;
        $('img.squash').css({'height' : newSquashHeight + 'px'});
        }
        )}

Answer 1

$('img.squash').css({'height' : newSquashHeight + 'px'});

应该由改为

$(this).css({'height' : newSquashHeight + 'px'});

和

var oldSquashHeight = $('img.squash').height();

var oldSquashHeight = $(this).height();