Обрезать "px" с конца Jquery var

У меня есть переменная, которая хранит значение css поля. Я хочу удалить "px" с конца, так что у меня есть только номер для работы. Как я могу это сделать?

Ответ 1

var x = "1px";
var y = parseInt(x, 10); // specify radix to prevent unpredictable behavior

Ответ 2

Вариант 1:

parseInt('200px', 10);

Функция parseInt() анализирует строку и возвращает целое число. Не изменяйте 10 найденных в вышеуказанной функции (называемой "radix" ), если вы не знаете, что делаете.

Выход будет: 200.

Вариант 2 (я лично предпочитаю эту опцию)

parseFloat('200px')

Выход будет: 200

Функция parseFloat() анализирует строку и возвращает число с плавающей запятой.

Функция parseFloat() определяет, является ли первый символ в указанной строке числом. Если это так, он анализирует строку до тех пор, пока не достигнет конца номера, и вернет номер в виде числа, а не как строку.

Преимущество варианта 2 состоит в том, что если вы используете десятичные числа (например, 200.32322px), вы получите возвращаемый номер со значениями за десятичной точкой. Полезно, если вам нужны определенные числа.

Ответ 4

Вам лучше использовать parseFloat()

В ситуациях, когда у вас есть десятичные числа, например 0,5 с для задержки перехода, parseInt (x, 10) возвращает ноль, где in contrast parseFloat() возвращает 0,5

var x = "0.5s";
var y = parseFloat(x); //returns 0.5