Как получить только числовую часть свойства CSS с помощью jQuery?

Question

Мне нужно сделать численный расчет на основе свойств CSS. Однако, когда я использую это, чтобы получить информацию:

$(this).css('marginBottom')

возвращает значение «10px». Есть ли хитрость в том, чтобы просто получить числовую часть значения, независимо от того, является ли оно px или % или em или чем-то еще?

Answer 1

Самый простой способ получить ширину элемента без единиц измерения:

target.width()

Источник: https://api.jquery.com/width/#width2

Answer 2

Если это только для «px», вы также можете использовать:

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

Answer 3

Для улучшения принятого ответа используйте это:

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

Answer 4

использование

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

, которые возвращают массив. первый индекс возвращает значение нижней границы поля (пример 20 для 20 пикселей) а второй индекс возвращает единицу основания поля (пример px для 20px)

Answer 5

Следует удалить единицы при сохранении десятичных дробей.

var regExp = new RegExp("[a-z][A-Z]","g");
parseFloat($(this).css("property").replace(regExp, ""));