Question

嗨我需要使用j查询将图像的高度设置为一半，这样点击它就会扩展到自动高度，这怎么可能请指导。目前我使用了属性高度为202px的类，并且在单击时我将该类更改为另一个包含height：auto属性的类，但这在响应式视图上无法正常工作。所以我需要将高度：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');
        });

Answer 1

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

将此值减半，您就拥有所需的一切：

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

JSFiddle

Answer 2

的QuickFix：

$('img').height() / 2

Answer 3

你可以试试这个。

var cheight = $('.parendiv').innerHeight();

                $('img').css({
                    'height' : cheight + 20
                });

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

3 个答案: