Jquery代码调整图像不起作用

Question

我是一个完整的jquery newb，我有这个项目的截止日期，所以请不要笑。

我正在尝试使这个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);
        }
    });
}