动态div内容高度动画

Question

我有一个带有动态内容的div：

<div class="parent">
  <div class="dynamic">
  </div>
</div>

var imgPath = '/images/' + Math.random();
$('.dynamic').html('<img style="width: 100%; height: auto;" src="'+ imgPath +'">');

$('.parent').animate({ height: ??? });

此代码在单击处理程序中调用。如何使用新内容获取dynamic div的高度？

Answer 1

试试吧

$('.parent').animate({ height: $('.dynamic').innerHeight()+'px'});

Answer 2

我认为这样做：

$(this).find(".dynamic").height()

或

$(".dynamic", this).height()

所以应该：

$('.parent').animate({ height: $(this).find(".dynamic").height() });