Valeur de remplissage ou de la marge en pixels en entier à l’aide de jQuery

Question

jQuery a la hauteur() en largeur() retourne la hauteur ou la largeur, en pixels, en tant qu'entier...

Comment puis-je obtenir un padding ou margin valeur d'un élément en pixels et que le nombre entier à l'aide de jQuery?

Ma première idée était de faire ce qui suit:

var padding = parseInt(jQuery("myId").css("padding-top"));

Mais si le rembourrage est donné en ems par exemple, comment puis-je obtenir la valeur en pixels?

---

La recherche dans le JSizes plugin proposé par Chris de Galets, j'ai réalisé que ma propre version était la bonne :). jQuery retourne toujours la valeur en pixels, donc il suffit de l'analyser à l'entier a été la solution.

Merci à Chris de Galets et Ian Robinson

Answer 1

Vous devriez être en mesure d’utiliser les CSS (http://docs.jquery.com/CSS/css#name). Vous devrez peut-être être plus spécifiques tels que « padding-left » ou « margin-top ».

Exemple :

CSS

JS

Le résultat est 10px.

Mise à jour : Si vous souhaitez obtenir la valeur de « entier », vous pouvez procéder comme suit :

Answer 2

Comparer intérieur et extérieur hauteur/largeur pour obtenir le total des marges et padding :

Answer 3

La fonction parseInt comporte un paramètre de « radix » qui définit le système de numération utilisé sur la conversion, donc l’appel `` retourne la marge de gauche sous forme d’entier.

C’est ce que JSizes utiliser.

Answer 4

Il y a un plugin de jQuery appelé JSizes qui s’en vient.

Answer 5

@Sampo Sarralla est correct :

S’il vous plaît ne vont charger une autre bibliothèque juste pour faire quelque chose qui est déjà disponible en mode natif !

L’utilisation de parseInt() retournera numériques en pixels de % et de l’em :

http://jsfiddle.net/BXnXJ/