動態更改div及其所有內容的大小？

Question

請注意，這與“更改div大小以適合內容”不同。 我所擁有的是一個相對定位的div，其中包含幾個絕對定位的圖像：

<div id="nj_size_holder">
    <img id="nj_credit_card" src="credit_card.png" width="340"/>
    <img id="nj_ruler" src="ruler.jpg" />
    <img id="nj_item_image" src="{$base_dir_ssl}img/p/{$imgurl}" height='{$imgheight}'/>
</div>

我還擁有一個Javascript / jQuery函數。 這個功能就是我的問題所在。 我需要做的是-給定某個參數（以百分比表示），它應按該百分比動態調整div和其中的圖像的大小。

function resizeAll(perc){
    //resize everything here
}

因此，如果div的高度最初是600px，而“ nj_ruler”圖像的高度是400，則調用resizeAll（25）會將div的高度增加到750px，將圖像的高度增加到500px（增加25％）。

有沒有一種方法可以在不單獨增加每個高度的情況下完成此操作？ 稍后在div中會有更多的元素，如果可能的話，我想有一個函數來調整所有內容的大小，而無需單獨引用div中的每個元素。

Answer 1

var increaseby=25; //in percent
$("#nj_size_holder, #nj_size_holder > img").each(function() {
      $(this).css("height",$(this).css("height")*((increaseby+100)/100));
});