如何在 javascript 或 jquery 中获取 div 内的图像高度？ [关闭]答案

【问题标题】：How to get Image height within the div in javascript or jquery? [closed]如何在 javascript 或 jquery 中获取 div 内的图像高度？ [关闭]
【发布时间】：2015-10-05 17:40:57
【问题描述】：

在我的页面中，我有一个div，其中width 是固定，height 是不固定。当我上传 500 X 300 图像时，它会正确地位于 div 中，即这里 width>height。如果我用10000 X 3000上传图片，图片高度会小于500 X 300图片，即使第二张图片高度更高。

我正在尝试使用固定的div 高度重新定位。如果放入div后div内的图片高度小于re-position div高度，我不会re-position，否则我的图片质量会下降。

那么如何使用 JavaScript 或 jQuery 获取 div 中的图像高度？

【问题讨论】：

设置图片maxHeight = 500px;..

标签： javascript jquery html css

【解决方案1】：

只需使用.height() 方法

var imageheight = $(".imgclass img").height();
alert(imageheight);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="imgclass">
<img src="http://tympanus.net/Tutorials/CaptionHoverEffects/images/1.png">
</div>

【讨论】：

为什么我的 ans 投了反对票？？
有人不喜欢答案
@Shehary 感谢您的修改
哇，答案已接受，:D，不客气。
嗨@HumairaNaaz，为什么你从这个问题中删除了你的答案stackoverflow.com/questions/32944253/…

【解决方案2】：

要获取 div 内图像的高度，您可以使用

$("div img").height()

如果您的 div 有一个类或 id，请使用

$(".className img").height()

还有specify the width alone 和高度被自动渲染保留图像纵横比。同时指定高度和宽度会使图像倾斜

【讨论】：