jQuery / Javascript - Comment convertir une valeur de pixel (20px) en une valeur de nombre (20) ?

Question

Je sais que jQuery dispose d'une méthode d'aide pour analyser les chaînes d'unités en nombres. Quelle est la méthode jQuery pour faire cela ?

var a = "20px";
var b = 20;
var c = $.parseMethod(a) + b;

Answer 1

Il n'est pas nécessaire d'utiliser jQuery pour cela, JS ordinaire (tm) vous fera l'affaire,

parseInt(a, 10);

Answer 2

Plus généralement, parseFloat traitera correctement les nombres à virgule flottante, tandis que parseInt peut perdre silencieusement des chiffres significatifs :

parseFloat('20.954544px')
> 20.954544
parseInt('20.954544px')
> 20

Answer 3

$.parseMethod = function (s)
{
    return Number(s.replace(/px$/, ''));
};

mais je ne sais pas quel est le lien avec jQuery.

Answer 4

 var c = parseInt(a,10);

Answer 5

Désolé pour le déterrement, mais.. :

var bar = "16px";

var foo = parseInt(bar, 10); // Doesn't work! Output is always 16px
// and
var foo = Number(s.replace(/px$/, '')); // No more!