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;
No jQuery required for this, Plain Ol' JS (tm) will do ya,
parseInt(a, 10);
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.
parseInt
function will actually disregard any non-integer characters appended to the end of a string of integer characters. parseInt('234sdfsdf') == 234
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
$.parseMethod = function (s)
{
return Number(s.replace(/px$/, ''));
};
although how is this related to jQuery, I don't know
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!
$(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.