How to get just numeric part of CSS property with jQuery?

Question

I need to do a numeric calculation based on CSS properties. However, when I use this to get info:

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

it returns

Answer 1

Id go for:

Math.abs(parseFloat($(this).css("property")));

Answer 2

This will clean up all non-digits, non-dots, and not-minus-sign from the string:

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

UPDATED for negative values

Answer 3

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

Answer 4

use

$(this).cssUnit('marginBottom');

which return an array. first index returns margin bottom's value(example 20 for 20px) and second index returns margin bottom's unit(example px for 20px)

Answer 5

If it's just for "px" you can also use:

$(this).css('marginBottom').slice(0, -2);

Answer 6

The simplest way to get the element width without units is :

target.width()

Source : https://api.jquery.com/width/#width2