jquery - jQueryの幅は％ではなくピクセルを返します

Question

 <div class="ui-progress" style="width: 10%;">

 console.log($(this).width());

幅を％ではなくピクセルで返します。パーセンテージを取得するにはどうすればよいですか？

Answer 1

これを試して：

var width = $('.ui-progress').width();
var parentWidth = $('.ui-progress').offsetParent().width();
var percent = 100*width/parentWidth;

また

var width = ( 100 * parseFloat($('.ui-progress').css('width')) / parseFloat($('.ui-progress').parent().css('width')) ) + '%';

ノート

.offsetParent()の親.ui-progressがCSSを持っている場合に使用できますposition:absolute。

Answer 2

パーセンテージがブラウザによって解釈される方法であるため、ピクセル単位で幅を返します。CSSではパーセントで表示される場合がありますが、ブラウザで表示するとピクセル値に変換されます。

console.log（$（this）.attr（ "style"））;

Answer 3

divが非表示の場合、％を取得できます。divが非表示の場合、$（selector）.width（）はパーセンテージを返します。

Answer 4

これが解決策です、

var xdom = $('.ui-progress')[0];
var percentWidth = xdom.style['width'];

または

var percent_width=xdom.style.width;