Как получить ширину div в процентах с помощью jQuery?

У меня есть div, и я хотел бы знать, есть ли способ получить его ширину в процентах с помощью jQuery.

Здесь мой код:

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

Я попытался использовать % как аргумент типа width(%), но это устанавливает ширину как %, не получая значение в процентном формате. Может ли кто-нибудь сказать мне, что мне делать, чтобы получить процент?

Любая помощь очень приветствуется.

Fiddle

Ответы

Ответ 1

Чтобы использовать код примера...

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

Работа jsfiddle...

Ответ 2

Если вам нужна ширина относительно тела:

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

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

Это то, о чем вы просите?

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

Ответ 3

вам нужно будет получить ширину видового экрана, а затем рассчитать процент ширины вашего элемента в соответствии с шириной окна просмотра.

var width = $('#someElt').width();
var parentWidth = $('#someElt').offsetParent().width(); // this will return parent element width which also can be replaced with docuent to get viewport width
var percent = 100*width/parentWidth;

Ответ 4

$(document).ready(function(){
   var f = $('.f').width();
    var pw = $('.f').parent().width();
    var rate = (f/pw*100) + '%';
    $('.f').html( rate);    
});

это родительский элемент с. Поэтому, если вы оцениваете ширину .f div width до ширины родительского элемента, вы получаете это значение.