获取没有'px'的元素的行高

Question

如何在没有“px”的情况下检索元素的行高？

使用此方法，我得到包括px在内的完整行高值。

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

Answer 1

将其解析为parseInt

的整数

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

输出：

18

作为整数。其他解决方案维护String类型。

修改

对于可能包含小数点的值，您可以使用parseFloat()

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

输出：

18.4

Answer 2

只需将px替换为''。

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

Answer 3

将其保存到变量中然后进行替换

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

Answer 4

在coffeescript

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

  parseInt val


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

这应该是它！