Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Jquery获得图像高度并将其除以2_Javascript_Jquery_Html_Css - Fatal编程技术网

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

Javascript 如何使用Jquery获得图像高度并将其除以2,javascript,jquery,html,css,Javascript,Jquery,Html,Css,您好,我需要设置一个图像的高度一半使用j查询,以便在点击它扩展到自动高度,这是如何可能的,请指导。 目前,我使用了一个属性为height:202px的类,单击后,我将该类更改为另一个包含height:auto属性的类,但这在响应视图上无法正常工作。 所以我需要将height:auto属性除以2,如何使用jquery实现这一点,请用示例指导我 这是我的css .how-we-do .expand-image { height: auto } .how-w

您好,我需要设置一个图像的高度一半使用j查询,以便在点击它扩展到自动高度,这是如何可能的,请指导。 目前,我使用了一个属性为height:202px的类,单击后,我将该类更改为另一个包含height:auto属性的类,但这在响应视图上无法正常工作。 所以我需要将height:auto属性除以2,如何使用jquery实现这一点,请用示例指导我 这是我的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');
        });
快速修复:

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

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

                $('img').css({
                    'height' : cheight + 20
                });
您可以使用
.height()
将屏幕图像的高度减半
.height()
接受一个函数,该函数的第二个参数是元素的当前高度

将此值减半返回,即可获得所需的:

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

parentdiv
?为什么
+20
?我无法理解这个答案。这只是一个改变imgIt高度的例子,但并不相关。你还没有设置
img
的高度。为什么你要使用函数,而不是像我的答案中那样自己获取值?很公平,很好的解释+1.