使用jQuery获取html元素的宽度百分比%

Question

如果我alert其中有一个CSS选择器设置为元素width:100%,我得到它在px,是有一些方法来得到它%从CSS设置,我需要它来修复一些脚本流体布局.

// css
.my-element {
    width:100%;
}

// javascript
alert('width: '+$('.my-element').css('width'));
// this alerts "width: 1116px" instead of "width: 100%"

也许这样的事情总是如此？

alert($('.my-element').outerWidth() == $('.my-element').parent().outerWidth());

Answer 1

function percentwidth(elem){
    var pa= elem.offsetParent || elem;
    return ((elem.offsetWidth/pa.offsetWidth)*100).toFixed(2)+'%';
}