jQuery宽度显示问题

Question

我正在尝试使用jQuery获取元素的宽度，然后将其粘贴到span中。 事情是.width()给我宽度（以像素为单位），但我想要的是宽度是百分比。 我要做的是获取进度条的宽度并将其粘贴到一个范围内，但这一行var wit = progress.find(".ui-progressbar-value").width();将给出我的像素值。无论如何要以％代替这个值？

Answer 1

你不能让jQuery给你一个百分比，但你可以很容易地计算一个。获取项目的宽度，然后将其除以容器的宽度，然后将该比率乘以100并围绕它：

var witPct = Math.round(100 * wit / progress.width());

Answer 2

好的，我花了一分钟试图找到例子，最后我只是说“screwit”并在这里让你成为一个新鲜的小提琴：http://jsfiddle.net/SpYk3/3n3Mb/

它首先显示如何：

• 在进度条中添加文本点（请注意在跨度上使用绝对位置）
  • 您不希望将其添加到“价值”栏中，因为它不会显示在0％
• 更新文字
• 使用setInterval每秒更改一次值（仅限于踢球）

仅供参考：只需稍微使用一下css，就可以将它放在你想要的栏上的任何地方，如果你需要更多的帮助就可以点击它

Answer 3

例如，您可以通过获取包装元素的宽度来自行计算百分比。为了给你一个很好的答案，如果你包含一些代码可能会有所帮助。