jquery - 对于每个对所有实例应用相同高度变化的情况

标签 jquery foreach

我有以下代码来根据窗口高度是否小于 750 像素来调整图像大小。问题是,虽然有多个图像具有 .squash 类,但脚本会获取第一个图像,计算新的高度,然后将该高度应用于所有 图像类.squash。我也尝试过不使用 .each,但结果相同。

非常感谢指出我哪里出错了! MTIA

    $('img.squash').each (

        function() {            

        var oldSquashHeight = $('img.squash').height();
            newSquashHeight = oldSquashHeight * 0.8;

        $('img.squash').css({'height' : newSquashHeight + 'px'});

        }
        )}

最佳答案

$('img.squash').css({'height' : newSquashHeight + 'px'});

更改

$(this).css({'height' : newSquashHeight + 'px'});

var oldSquashHeight = $('img.squash').height();

var oldSquashHeight = $(this).height();

关于jquery - 对于每个对所有实例应用相同高度变化的情况,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5711783/

相关文章:

javascript - 过滤无效的对象数组

c# - 如何在 C# 中的 foreach 循环内访问集合中的下一个值?

c++ - c++ 11中的 future vector

javascript - 在 forEach 数组中使用 for 循环

php - 自动完成 foreach 中的变量

javascript - 从第一层选择元素

jquery - 使用 jQuery Mobile 在所有页面上保留导航栏

javascript - 单击时从列表中获取值

javascript - 使用两个不同的按钮切换两个 div(一个处于事件状态)

powershell - ForEach 循环未完成列表