jQuery 获取图像尺寸，应用于 Div答案

【问题标题】：jQuery Get Image Dimensions, Apply To DivjQuery 获取图像尺寸，应用于 Div
【发布时间】：2013-11-12 18:54:36
【问题描述】：

我想要一个 div 来获得它所环绕的图像的内联样式。

HTML

<div class="box">
  <img src="http://placehold.it/250x150" />
</div>

var img = $(".box > img");
$(".box").css({width:img.width(), height:img.height()});

所以 jquery 获取图像尺寸，将内联样式添加到 .box 的宽度和高度

【问题讨论】：

【解决方案1】：

乔纳森没弄好。他的解决方案与所问的无关。正确的是

var img = $(".box > img");
$(".box").css({width:img.width(), height:img.height()});

【讨论】：

Gugic 我的答案在 Steven Morgan 用上面的代码示例编辑他的问题之前得到了回答。所以说我的解决方案不是所问的问题是错误的，因为在我发布我的答案后问题在上面发生了变化。 . 因为你可以看到我的部分答案是如何在他编辑的问题中使用的
对不起。我没注意到。

【解决方案2】：

将此添加到您的 JavaScript 需要 jQuery

$(".box > img").css({width:250,height:250});

使用原生 JavaScript，但需要给图片一个 ID

var myImg = document.getElementById('myImgID');
myImg.style.height = '250px';
myImg.style.width = '250px';

以上问题更改后更新：

@Gugic 在问题被编辑后得到了上面的正确答案:)

【讨论】：