Obtenir la somme de la marge et de la hauteur avec jQuery

Je veux obtenir la somme de margin-top taille et height d'une autre couche.

le margin-top de .nav1 est 30px et la hauteur de .main est 28px

J'utilise ce code:

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

mais le résultat de mon somme est 3028

Comment puis-je calculer la somme de ces deux nombres?

L'objet renvoyé par replace est une chaîne, vous devez la convertir en un nombre,

OriginalL'auteur MajAfy | 2013-01-28

  1. 5

    C'est parce que vous ajoutez les deux chaînes, au lieu de les additionner deux nombres entiers. Essayez ceci:

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

    OriginalL'auteur

  2. 33

    Vous pouvez utiliser outerHeight(true) pour ajouter des marges de hauteur sans les maths, si vous voulez compter margin-top et margin-bottom propriétés : http://api.jquery.com/outerheight/#outerHeight-includeMargin

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

    OriginalL'auteur