javascript - 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

乔纳森没有做对。他的解决方案与所问的无关。正确的一个是

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

Answer 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 在编辑问题后得到了上面的正确答案:)