使用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();