计算父div的宽度和高度，并相应地适用于图像(Calculate the width and hei

我有一个父DIV其在响应宽度和与它里面的一些图像固定的高度。上运行时我需要一个Jquery的函数来计算div的宽度和高度和宽度（PX）和高度（PX）参数适用于图像。即我的代码现在的问题是

<div id="slider-wrapper" class="someclass">
    <img src="/image1.jpg" alt="" />
    <img src="/image2.jpg" alt="" />
    <img src="/image3.jpg" alt="" />
</div>

生成的代码，我需要将

  <div id="slider-wrapper" class="someclass">
    <img src="/image1.jpg" height="300px" width="total-div-width(px)" alt="" />
    <img src="/image2.jpg" height="300px" width="total-div-width(px)" alt="" />
    <img src="/image3.jpg" height="300px" width="total-div-width(px)" alt="" />
</div>

谢谢你在期待

使用jQuery你可以使用.height() .innerHeight()或.outerHeight()

区别是：

height()返回元素，没有边界，没有边距和没有填充的只是高度
innerHeight()返回元件的高度和填充
outerHeight()返回元件高度，填充和边框
outerHeight(true)返回元件高度，填充，边界和边缘

我有更多的细节，包括在这篇文章中使用的jsfiddle输出的例子在这里。

对于宽度可以使用width() innerWidth()或outerWidth()
同样的逻辑适用与高度。

所有值都以像素为单位。

为了获得高度/宽度您可以使用它与此类似：

// The below is an example, you need to add your element references as required.

// Use height(), innerHeight() or outerHeight() as needed.
var newHeight = $("#slider-wrapper").height();

// Use width(), innerWidth() or outerWidth() as needed.
var newWidth = $("#slider-wrapper").width();

要设置高度/宽度可以用它类似于：

// The below is an example, you need to add your element references as required.
var newHeight = $("#slider-wrapper img").height(newHeight);
var newWidth = $("#slider-wrapper img").width(newWidth);