使用jQuery获取百分比形式的html元素的宽度 [英] Getting the width of an html element in percent % with jQuery

问题描述

如果我alert的css选择器设置为width:100%的元素在px中得到，是否有某种方法可以从css中在%中获取它，我需要对其进行修复一些具有流畅布局的脚本.

If I alert the element which has a css selector set to width:100% I get it's with in px, is there some way to get it in % as set from css, I need it to fix some script with fluid layouts.

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

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

也许这样的事情总是正确的吗?

Maybe something like this is always true?

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

推荐答案

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

这篇关于使用jQuery获取百分比形式的html元素的宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！