jquery height()问题

Question

这让我抓狂，谁来帮帮忙，因为我似乎看不出问题出在哪里。

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

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

以上就是我需要做的逻辑。我检查了html标签"#parent“，它说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);