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

Question

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

请点击此处：http://codepen.io/stevenmorgan94/pen/xuEwm

HTML

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

JS

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

因此jquery获取图像尺寸，使用宽度和高度

为.box添加内联样式

Answer 1

将此添加到您的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得到了正确答案：）

Answer 2

乔纳森没有做对。他的解决方案不是关于所要求的。正确的是

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