我如何使用 Jquery 获取图像高度并将其除以 2

How I can get an Image height and divide it by 2 using Jquery

本文关键字：高度 何使用 Jquery 获取 图像      更新时间：2023-09-26

嗨，我需要使用 j 查询将图像的高度设置为一半，以便在单击时它扩展到自动高度，请指导这种可能性如何。目前我使用了一个属性高度为：202px 的类，单击后，我用另一个包含高度的类更改该类：auto 属性，但这在响应式视图上效果不佳。所以我需要将 height：auto 属性除以 2，如何使用 j 查询执行此操作，请用示例指导我 这是我的 CSS

                 .how-we-do .expand-image {
    height: auto 
}
.how-we-do .expand-image2 {
height:202px ;
}

这是我的jquery代码

       $('.expand-image').each(function () {
            $(this).removeClass('expand-image');
            $(this).addClass('expand-image2');
        });

您可以使用屏幕图像高度的一半.height()。 .height() 需要一个函数，其第二个参数将是元素的当前高度。

将此值减半返回，您就得到了所需的内容：

$('img').height(function(_,v){ return v/2; });

JSFiddle

快速修复：

$('img').height() / 2
你可以

试试这个。

var cheight = $('.parendiv').innerHeight();
                $('img').css({
                    'height' : cheight + 20
                });
相关文章：