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');
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');
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
@Vega bắt tốt trên bản chỉnh sửa –
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
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', '');
về mặt kỹ thuật này thay thế * sau đó * lưu vào một biến. .. – MalcolmOcean
Chỉ cần thay thế px
với ''
.
$('#example').css('line-height').replace('px', '');
Trong coffeescript
getElementProperty = (el, property) ->
val = el.css(property).replace "px" , ""
parseInt val
getElementProperty $("#myElement"), "line-height"
này nên để nó!
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) –