Как восстановить высоту строки элемента без «px»?Получить строку-высоту элемента без 'px'
Используя это, я получаю полное значение высоты строки, включая px.
$('#example').css('line-height');
Как восстановить высоту строки элемента без «px»?Получить строку-высоту элемента без 'px'
Используя это, я получаю полное значение высоты строки, включая px.
$('#example').css('line-height');
Разобрать его как целое с parseInt
parseInt($('#example').css('line-height'), 10);
Выходы:
18
В качестве целого. Другие решения поддерживают тип String.
EDIT
Для значений, которые могут содержать десятичную точку, вы можете использовать parseFloat()
parseFloat($('#example').css('line-height'));
Выходы:
18.4
@ Vega good catch on the edit –
Имейте в виду, что если ваш исходный 'line-height' был задан как процент, а не пиксели или ems/rems, использование' parseInt() 'будет обрезать десятичные числа в вашем рассчитанном' линии height' ... – nickb
сохранить его в переменную затем сделать замену
var aux = $('#example').css('line-height').replace('px', '');
технически это заменяет * затем * сохранение переменной. .. – MalcolmOcean
Просто замените px
с ''
.
$('#example').css('line-height').replace('px', '');
В CoffeeScript
getElementProperty = (el, property) ->
val = el.css(property).replace "px" , ""
parseInt val
getElementProperty $("#myElement"), "line-height"
Это должно его!
Возможный дубликат [Получить номер для значения стиля БЕЗ "px;" суффикс] (http://stackoverflow.com/questions/8690463/get-a-number-for-a-style-value-without-the-px-suffix) –