jquery - 爲每個應用相同的高度變化到所有實例

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();