jquery - 获取隐藏div内图像的高度

Question

我想获取隐藏 div 容器内图像的高度/宽度，但 .height() 和 .width() 都返回 0 (正如预期的那样)。

$('body').append('<div id="init"><img id="myimg" src="someimage.png" /></div>');
$('#init').hide();
$('#myimg').height(); // == 0
$('#myimg').width(); // == 0

如何获得图像的正确高度/宽度？我需要它来做出一些决定:-)

最诚挚的问候，比吉

Answer 1

我刚刚遇到了这个问题的解决方案，你要做的就是不要依赖 jQuery 来为你做这件事。相反，获取 javascript 元素并获取元素本身的高度，如下所示:

var img = hiddenDiv.children('img');

var imgHeight = img.get(0).height;
var imgWidth = img.get(0).width;

jQuery 方法 get(0) 允许我们获取底层 DOM 元素，有趣的是，DOM 元素尺寸不会改变。

但需要注意的是，出于性能原因，如果您打算更多地使用它，您将需要缓存 img.get(0)。

jQuery get method documentation