2012-05-08 2 views
20

Как восстановить высоту строки элемента без «px»?Получить строку-высоту элемента без 'px'

Используя это, я получаю полное значение высоты строки, включая px.

$('#example').css('line-height'); 
+0

Возможный дубликат [Получить номер для значения стиля БЕЗ "px;" суффикс] (http://stackoverflow.com/questions/8690463/get-a-number-for-a-style-value-without-the-px-suffix) –

ответ

56

Разобрать его как целое с parseInt

parseInt($('#example').css('line-height'), 10);

Выходы:

18

В качестве целого. Другие решения поддерживают тип String.

EDIT

Для значений, которые могут содержать десятичную точку, вы можете использовать parseFloat()

parseFloat($('#example').css('line-height'));

Выходы:

18.4

+0

@ Vega good catch on the edit –

+2

Имейте в виду, что если ваш исходный 'line-height' был задан как процент, а не пиксели или ems/rems, использование' parseInt() 'будет обрезать десятичные числа в вашем рассчитанном' линии height' ... – nickb

2

сохранить его в переменную затем сделать замену

var aux = $('#example').css('line-height').replace('px', ''); 
+0

технически это заменяет * затем * сохранение переменной. .. – MalcolmOcean

8

Просто замените px с ''.

$('#example').css('line-height').replace('px', '');

-2

В CoffeeScript

getElementProperty = (el, property) -> 
    val = el.css(property).replace "px" , "" 

    parseInt val 


getElementProperty $("#myElement"), "line-height" 

Это должно его!

Смежные вопросы