jquery height() 问题

Question

这让我发疯了，有人帮忙，因为我似乎看不出问题出在哪里。

<div id="parent">
   <div id="child"></div>
</div>
<script>
   $('#parent').height(300)

   $('#child').height($('#child').parent().height()-10); //EDITTED LINE
</script>

以上是我需要做的逻辑。 我检查了“#parent”的 html 标签，它说 style="height: 300px;" 但是孩子的值为 -10 :( 应该有 290 ； 我已经检查了 DOM，值是正确的我也尝试了 .css('height') 但没有运气。 有没有人遇到过这种问题？如果有，解决办法是什么：）请让我脱离传教士

抱歉，问题出在“parent().height()”。再次查看脚本（再次抱歉）

Answer 1

.height() 有时会使用附加的“px”来获取它。您必须删除“px”，否则您正在执行'300px' - 10。你可以这样做：

var height = parseInt($('#el').height(),10);

将其转换为数字。

因此，您的代码应更改为：

$('#child').height($('#child').parent().height()-10);

到：

$('#child').height(parseInt($('#child').parent().height(),10)-10);

或者更好的是，在您的代码中添加缓存以使其更快！ （您不必重新获取#child。）

var $child = $('#child');
$child.height(parseInt($child.parent().height(),10)-10);

您还忘记了第一行代码中的分号，但这与我无关。

Answer 2

尝试为之前创建一个变量

var childheight = $('#parent').height()-10;
$('#child').height(childheight);

Answer 3

为什么不直接设置为 290？

$('#child').height(290);