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

Question

我有一个 div 结构，如果达到某些限制，它允许扩展内容(通过单击按钮触发内容扩展)。

目前，这一限制取决于子 div 包含的 div block 数量，但每个 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 block 包含多少文本行？

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');
}

Example