javascript - 如何检索图像的属性？

Question

如何使用 jQuery 从 IMG 标签中检索图像的高度和宽度，并在 div 样式中使用此值。

喜欢

<div class=top>&nbsp;</div>
<img src="source.jpg" width="200" height="400" alt="" />
<div class="bottom">&nbsp</div>

我想使用图像的高度并应用于 DIV。像 400px-20px。 div 宽度。

谢谢

Answer 1

可以使用属性

$("img[src=source.jpg]").attr("width");
$("img[src=source.jpg]").attr("height");

或者您可以使用维度方法(它们由 jQuery 计算):

 $("img[src=source.jpg]").width();
 $("img[src=source.jpg]").height(); 

编辑(修改你的div)

$("div.top").add("div.bottom").css({ 
      width: $("img[src=source.jpg]").attr("width") - 20,//<- your minus 20 goes here
      height: $("img[src=source.jpg]").attr("height")
});