jquery - jQueryでマージンと高さの合計を取得する

Question

margin-topサイズとheight別のレイヤーの合計を取得したい。

のマージントップ.nav1は30px、高さ.mainは28pxです

私はこのコードを使用します：

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

しかし、私の合計の結果は3028

これら2つの数値の合計を計算するにはどうすればよいですか？

Answer 1

カウントとプロパティouterHeight(true)が必要な場合は、数学なしで高さにマージンを追加するために使用できます: http://api.jquery.com/outerheight/#outerHeight-includeMarginmargin-topmargin-bottom

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

Answer 2

これは、2つの整数を追加するのではなく、2つの文字列を追加しているためです。これを試して：

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