jquery - 画像のサイズを変更するJqueryコードが機能しない

Question

私は完全なjqueryの初心者であり、このプロジェクトの期限がありますので、笑わないでください。

私はこのjqueryコードを機能させようとしています：

function resize_images(){
   var def = $(".defx img").height(); // get the desired height

   $(".model").each(function() { // loop through all images inside model divs
       var images = $(this).find("img"); // find the image
       var height = images.height(); // find the image height
       if (height > def){  images.css("height: "+def+"px !important"); } // if the image height is larger than the default add a css rule
   });  
}

それが機能しない理由はありますか？

Answer 1

最初のの高さをチェックしているだけですimg。画像自体をループします。

function resize_images() {
    var maxHeight = $(".defx img").height();
    $(".model img").each(function() {
        var $this = $(this);
        if ( $this.height() > maxHeight ) {
            $this.css('height', maxHeight);
        }
    });
}