Comment obtenir juste la partie numérique de la propriété CSS avec jQuery?

Question

J'ai besoin de faire un calcul numérique basé sur des propriétés CSS. Cependant, lorsque je l'utilise pour obtenir des informations:

$(this).css('marginBottom')

elle renvoie la valeur '10px'. Est-il une astuce pour obtenir juste le numéro de la partie de la valeur qu'il s'agisse px ou % ou em ou quoi?

Answer 1

parseInt($(this).css('marginBottom'), 10);

parseInt sera automatiquement ignorer les unités.

Par exemple:

var marginBottom = "10px";
marginBottom = parseInt(marginBottom, 10);
alert(marginBottom); // alerts: 10

Answer 2

Cela va nettoyer tous les chiffres, non des points, et non d'un signe moins à partir de la chaîne:

$(this).css('marginBottom').replace(/[^-\d\.]/g, '');

Mise à JOUR pour les valeurs négatives

Answer 3

Avec la méthode replace, css valeur est une chaîne, et non pas un nombre.

Cette méthode est plus propre, simple, et renvoie un nombre :

parseFloat($(this).css('marginBottom'));

Answer 4

parseFloat($(this).css('marginBottom'))

Même si marginBottom défini dans em, la valeur à l'intérieur de parseFloat ci-dessus seront en px, car il est calculé de la propriété CSS.

Answer 5

$(this).css('marginBottom').replace('px','')