16

div があり、jQuery を使用してパーセンテージで幅を取得する方法があるかどうかを知りたいです。

これが私のコードです:

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

%このように引数として使用しようとしましたwidth(%)が、これは幅を%パーセンテージ形式で値を取得しないように設定しています。代わりにパーセンテージを取得するにはどうすればよいか教えてもらえますか?

どんな助けでも大歓迎です。

フィドル

4

4 に答える 4

43

サンプルコードを使用するには...

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

作業中のjsfiddle...

于 2013-09-13T12:12:09.600 に答える
6

ボディに相対的な幅が必要な場合：

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

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

これはあなたが求めているものですか？

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

于 2013-09-13T12:10:43.473 に答える
1

ビューポートの幅を取得し、ビューポートの幅に従って要素の幅のパーセンテージを計算する必要があります。

var width = $('#someElt').width();
var parentWidth = $('#someElt').offsetParent().width(); // this will return parent element's width which also can be replaced with docuent to get viewport width
var percent = 100*width/parentWidth;
于 2013-09-13T12:09:50.507 に答える
0 
$(document).ready(function(){
   var f = $('.f').width();
    var pw = $('.f').parent().width();
    var rate = (f/pw*100) + '%';
    $('.f').html( rate);    
});

親品の付きです。したがって、.f div の幅を親アイテムの幅に評価すると、その値が得られます。

于 2013-09-13T12:13:45.297 に答える