127

I know jQuery has a helper method for parsing unit strings into numbers. What is the jQuery method to do this?

var a = "20px";
var b = 20;
var c = $.parseMethod(a) + b;
1
  • parseInt(a, 10); return NaN if a is a string
    – vanduc1102
    Commented Jun 28, 2016 at 9:05

6 Answers 6

245

No jQuery required for this, Plain Ol' JS (tm) will do ya,

parseInt(a, 10);
4
  • 4
    Everyday in everyway Im loving you more and more javascript Commented Jun 11, 2010 at 16:29
  • 3
    @lsiden: it does work. parseInt("20em", 10) === 20 and parseInt("20pt", 10) === 20. Feel free to paste either expression into your favourite browser's console, or see this very short example. Whatever problem you're having lies elsewhere in your code.
    – Andy E
    Commented May 20, 2011 at 22:57
  • 9
    A sidenote, the parseInt function will actually disregard any non-integer characters appended to the end of a string of integer characters. parseInt('234sdfsdf') == 234
    – Chris W.
    Commented Nov 18, 2011 at 17:04
  • 3
    @AndyE: Isiden was saying that parseInt won't convert em values (or pt or others) in the equivalent pixel values, which is what some people may need.
    – LeartS
    Commented Feb 9, 2014 at 14:28
50

More generally, parseFloat will process floating-point numbers correctly, whereas parseInt may silently lose significant digits:

parseFloat('20.954544px')
> 20.954544
parseInt('20.954544px')
> 20
9
$.parseMethod = function (s)
{
    return Number(s.replace(/px$/, ''));
};

although how is this related to jQuery, I don't know

8
 var c = parseInt(a,10);
0

Sorry for the digging up, but:

var bar = "16px";

var foo = parseInt(bar, 10); // Doesn't work! Output is always 16px
// and
var foo = Number(s.replace(/px$/, '')); // No more!
1
  • 1
    parseInt('16px', 10); do work for me in Google Chrome dev console
    – Thomas
    Commented Apr 19, 2020 at 0:31
-2
$(document).ready(function(){<br>
    $("#btnW1").click(function(){<br>
        $("#d1").animate({<br>
            width: "+=" + x,

        });
    });

When trying to identify the variable x with a pixel value I by using jquery I put the += in quotes. Instead of having width: '+= x', which doesn't work because it thinks that x is a string rather than a number. Hopefully this helps.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.