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

【问题标题】：how to get the attribute value of 'width' property如何获取'width'属性的属性值
【发布时间】：2013-09-26 05:00:38
【问题描述】：

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

我能想到的就是attr()，但是怎么获取它的值呢？

我试过了，但没用

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

【问题讨论】：

标签： javascript jquery

【解决方案1】：

让我们先了解这一点

.css(width) 和 .width() 的区别在于后者返回一个无单位的像素值（例如，400），而前者返回一个单位不变的值（例如，400px）。宽度（）当元素的宽度需要在数学计算。

所以你可以这样做，

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

Fiddle了解更多

【讨论】：

【解决方案2】：

这是一个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 + '%')

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

【讨论】：

非常非常TQ..我现在需要的是四舍五入~TQ！！
var progressbar_width = Math.floor(100 * ($progress_bar.find('div').width()) / $progress_bar.width()) + 1;
在这种情况下，您可以使用Math.ceil 而不是Math.floor，因为这会使浮动向上而不是向下舍入。

【解决方案3】：

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

或

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


alert(percent);

demo

【讨论】：

知道了，很简单，但是如何转换成百分比呢？看起来我要做一些数学..
当你得到宽度时，首先得到你的总 div 宽度，然后用总宽度计算 % 并根据需要显示

【解决方案4】：

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

【讨论】：

【解决方案5】：

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

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

Try This

【讨论】：