$('#my_div').height('50%')
sẽ đặt chiều cao nhưng làm cách nào bạn có thể truy lục chiều cao hiện tại của div dưới dạng phần trăm?Có thể jquery trả về chiều cao của một phần tử dưới dạng phần trăm không?
Trả lời
bạn có thể chuyển đổi get chiều cao tính bằng px và chuyển đổi chúng sang percenatge
1em = 12pt = 16px = 100%
Bạn có thể sử dụng .height()
, mà trả về chỉ số (tức là, không có biểu tượng bộ phận). Hoàn hảo cho tỷ lệ phần trăm, trong đó tất nhiên không cần đơn vị. Từ các tài liệu:
Phương pháp
.height()
được khuyến khích khi chiều cao của một nguyên tố cần phải được sử dụng trong một phép tính toán học .
Vì vậy, bạn có thể thử một cái gì đó như thế này:
var height_pct = Math.round(
$('#my_div').height()/
$('#my_div').parent().height() * 100
);
có thể jquery đã thay đổi điều này, nhưng ".height()" của 70% div của tôi là 564. – rocketsarefast
Điều đó nghe có vẻ đúng. 'height()' trả về số lượng "pixel" bao gồm chiều cao của phần tử được đo, không có đơn vị (vì vậy không có "px"). Tôi có "điểm ảnh" trong dấu ngoặc kép vì với màn hình có độ phân giải cao, chúng có thể không phải là pixel theo ngày này. –
Vì vậy, đơn giản $ ("# eleid") [0] .style.width
- 1. CSS: Chiều cao của vùng văn bản dưới dạng phần trăm chiều cao khung nhìn
- 2. Làm cho chiều rộng của phần tử có liên quan đến chiều cao của phần tử?
- 3. Jquery nhận được chiều cao của một phần tử ẩn
- 4. Cách lấy chiều cao của phần tử cơ thể
- 5. Đặt chiều rộng tối đa của ImageView dưới dạng phần trăm chiều rộng của bố mẹ
- 6. Làm cách nào để định dạng một số dưới dạng phần trăm mà không có dấu phần trăm?
- 7. jquery .ready và chiều cao của phần tử
- 8. Lấy chiều cao dòng của phần tử không có 'px'
- 9. Đặt chiều rộng phần trăm cho phần tử span
- 10. Có thể đặt chiều rộng phần tử Chọn theo phần trăm không?
- 11. MVC trả về một phần xem dưới dạng JSON
- 12. Chiều cao jQuery của phần tử.style
- 13. Làm cách nào để định dạng giá trị dưới dạng phần trăm mà không có ký hiệu phần trăm?
- 14. Css chiều cao theo phần trăm không làm việc
- 15. jQuery tự động thay đổi chiều cao phần tử
- 16. HTML, jQuery: Ràng buộc chiều rộng của một phần tử thành một phần tử khác
- 17. Các phần tử chiều cao bằng CSS
- 18. Firefox bỏ qua phần trăm chiều cao trên hình ảnh
- 19. bootstrap. div 100% chiều cao của phần tử gốc
- 20. Ghép cặp chiều rộng/chiều cao CSS và tỷ lệ phần trăm tính toán tỷ lệ phần trăm?
- 21. Phần tử SVG dường như có chiều cao tùy ý
- 22. jQuery - Phát hiện xem chiều cao của phần tử có lớn hơn chiều cao cửa sổ hay không và làm điều gì đó về nó
- 23. Đặt lại chiều cao của phần tử HTML qua CSS
- 24. Nhận chiều cao có thể nhìn thấy của một phần tử thay vì chiều cao thực tế của nó bằng jquery
- 25. jQuery append() - trả về các phần tử được nối thêm
- 26. Chiều rộng jQuery() trả về 0 cho phần tử span được tạo khi đang di chuyển?
- 27. LINQ: All() trả về gì nếu không có phần tử?
- 28. Lấy chiều rộng/chiều cao của phần tử có tỷ lệ css3
- 29. Phần tử căn giữa bên trong một phần tử (jQuery)
- 30. Làm thế nào để thiết lập chiều cao của phần tử để phù hợp với chiều cao của một phần tử khác?
Ok, tôi đã suy nghĩ một cái gì đó như thế này sẽ là cách duy nhất. Cảm ơn –