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