使用jQuery获取边距和高度的总和

Question

我希望获得另一层的margin-top大小和height的总和。

.nav1的上边距为30px，.main的上限为28px

我使用此代码：

$('.nav').css('margin-top').replace('px', '') + $('.main').outerHeight()

但是我的总和的结果是3028

如何计算这两个数字的总和？

Answer 1

如果您想要计算outerHeight(true)和margin-top属性，可以使用margin-bottom在没有数学的情况下将边距添加到高度：http://api.jquery.com/outerheight/#outerHeight-includeMargin

var heightWithMargin = $('.main').outerHeight(true);

Answer 2

这是因为你要附加两个字符串，而不是添加两个整数。试试这个：

var total = parseInt($('.nav').css('margin-top'), 10) + $('.main').outerHeight();