jquery - для каждого применения одинаковое изменение высоты для всех экземпляров

Question

У меня есть следующий код для изменения размера изображения в зависимости от того, меньше ли высота окна 750 пикселей или нет.Проблема заключается в том, что хотя существует несколько изображений с классом .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();