Jquery：查找子div的高度并更改父div的高度

Question

我有一个 div 结构，它允许在达到某个限制时扩展内容（内容扩展是通过单击按钮触发的）。

目前这个限制取决于子 div 包含多少 div 块，但是每个somecontent div 中可以有多个文本行，所以不太好。 我想要的是寻找子 div 的高度，如果它达到了父 div height限制 - 将父 div height更改为100% ；

请看一下 HTML 结构：

<div class="parentdiv">
   <div class="childdiv">
      <div class="somecontent">
      </div>
      <div class="somecontent">
      </div>
      <div class="somecontent">
      </div>
   </div>
</div>

parentdiv CSS：

.parentdiv {
   width: 100%;
   height: 450px;
   overflow: hidden;
}

是否有可能用 Jquery 达到这个条件？ 如果不是 - 也许有某种方法可以查看 div 块包含多少文本行？

Answer 1

您可以使用以下 jQuery：

var parent = $('.parentdiv'),
    child = parent.children('.childdiv');

if (child.height() > parent.height()) {
    parent.height(child.height());
    // can also use parent.height('auto');
}

例子