jquery - 获取没有'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

在咖啡脚本中

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

  parseInt val


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

这应该给它！