jquery可以以百分比形式返回元素的高度吗？

Question

$('#my_div').height('50%') 将设置高度,但如何以百分比形式检索div的当前高度？

Answer 1

您可以使用.height(),它只返回数字(即没有单位符号).完美的百分比,当然不需要单位.来自文档:

.height()当需要在数学计算中使用元素的高度时,建议使用该方法.

所以你可以尝试这样的事情:

var height_pct = Math.round( 
    $('#my_div').height() / 
    $('#my_div').parent().height() * 100
    );

Answer 2

您可以转换获取高度（以 px 为单位）并将其转换为百分比

1em = 12pt = 16px = 100%