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

Example

Jquery：寻找子div的高度并改变父div的高度

1 个答案: