如何获取“宽度”属性的属性值

how to get the attribute value of 'width' property

本文关键字：属性 宽度 何获取 获取      更新时间：2023-09-26

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

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

我试过这个但不起作用

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

让我们先了解一下

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

所以你可以做到，

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

小提琴以获得更多理解

这是一个实现你所追求的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 + '%')

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

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

或

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

alert(percent);

演示

嘿width是一个属性，就像value是一个属性一样，所以你可能只想得到宽度而不是宽度的值。为此，我推荐阿米特·阿加瓦尔的回答。

你需要

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

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

试试这个

相关文章：