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