Question

这是我的进度条http://jsfiddle.net/vjNpj/2247/，我希望当div的宽度发生变化时，span（百分比值）可以一起更改。比如当宽度为50％时，跨度将显示50％..

我能想到的是attr（），但是如何获得它的价值呢？

我试过这个但没有工作

var percent = $('#progressbar > div').attr('width');
alert(percent);

Answer 1

让我们先理解

.css（width）和.width（）之间的区别在于后者在前者返回无单位像素值（例如，400）返回单位完整的值（例如，400px）。宽度（）当需要在a中使用元素的宽度时，建议使用方法数学计算。

所以你可以做到，

alert($('#progressbar > div').css("width"));  // 388
alert($('#progressbar > div').prop("width")); // 388px;

Fiddle 了解更多

Answer 2

var percent = $('#progressbar > div').width();

或

var percent = $('#progressbar > div').css('width');


alert(percent);

<强> demo

Answer 3

嘿width是一个属性，就像value属性一样，所以你可能只想获得宽度不是值的宽度。为此，我建议你回答amit aggarwal。

Answer 4

这是JSFIDDLE，可以实现你的目标

$progress_bar = $('#progressbar');
var progressbar_width = Math.floor(100 * ($progress_bar.find('div').width()) / $progress_bar.width())
$progress_bar.find('span').text(progressbar_width + '%')

每次更新进度条的宽度时都必须调用此代码。

Answer 5

你需要为这项工作做一些数学计算 -

var percent = $('#progressbar div').width();
var Percent_Load = parseInt((percent * 100)/ $('#progressbar').width(), 10)
alert(Percent_Load);

Try This

如何获取'width'属性的属性值

5 个答案: