Javascript 动态更改div及其所有内容的大小？

请注意，这与“更改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>

因此，如果div高度最初为600px，“nj_标尺”图像高度为400，则调用resizeral（25）应将div高度增加到750px，将图像高度增加到500px（增加25%）

---

有没有一种方法可以在不单独增加每个高度的情况下实现这一点？稍后div中会有更多的元素，如果可能的话，我希望有一个函数可以调整所有元素的大小，而不单独引用div中的每个元素。

谢谢。但我认为你的意思是（增加+100）/100，如果你有它，你会减少75%。事实上，谢谢你注意到这一点。我将根据此更新我的条目。谢谢。但我认为你的意思是（增加+100）/100，如果你有它，你会减少75%。事实上，谢谢你注意到这一点。我将基于此更新我的条目。

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

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