2012-05-08 44 views
20

Làm cách nào để truy xuất chiều cao dòng của phần tử không có "px"?Lấy chiều cao dòng của phần tử không có 'px'

Sử dụng điều này tôi nhận được giá trị chiều cao dòng đầy đủ bao gồm px.

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

bản sao có thể có của [Nhận số cho giá trị kiểu KHÔNG CÓ "px;" hậu tố] (http://stackoverflow.com/questions/8690463/get-a-number-for-a-style-value-without-the-px-suffix) –

Trả lời

56

phân tích nó như một số nguyên với parseInt

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

Đầu ra:

18

Là một số nguyên. Các giải pháp khác duy trì kiểu String.

EDIT

Đối với các giá trị có thể chứa điểm thập phân, bạn có thể sử dụng parseFloat()

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

Đầu ra:

18.4

+0

@Vega bắt tốt trên bản chỉnh sửa –

+2

Hãy nhớ rằng nếu 'chiều cao dòng' ban đầu của bạn được đặt là phần trăm và không phải là pixel hoặc ems/rems, sử dụng 'parseInt()' sẽ cắt giảm số thập phân trong 'tính toán của bạn ' line-height' ... – nickb

2

tiết kiệm nó vào một biến một sau đó làm cho một thay thế

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

về mặt kỹ thuật này thay thế * sau đó * lưu vào một biến. .. – MalcolmOcean

8

Chỉ cần thay thế px với ''.

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

-2

Trong coffeescript

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

    parseInt val 


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

này nên để nó!

Các vấn đề liên quan