如何使用jQuery获取div的宽度百分比？

Question

我有一个div,我想知道是否有办法使用jQuery获得百分比的宽度.

这是我的代码:

$(document).ready(function(){
   var f = $('.f').width();
      alert(f);    
});

我尝试使用%这样的参数width(%),但这是将宽度设置为%不以百分比格式获取值.有人可以告诉我,我应该怎样做才能获得百分比？

任何帮助都非常感谢.

小提琴

Answer 1

要使用您的示例代码......

$(document).ready(function(){
   var f = $(".f").width() / $('.f').parent().width() * 100;
   alert(f);    
});

工作jsfiddle ......

Answer 2

如果你想要相对于身体的宽度:

var percent =  $('.f').width() / $('body').width() * 100;

console.log(Math.round(percent).toFixed(2)); 

这是你要的吗？

http://jsfiddle.net/aXRxP/5/