Javascript 获取元素的css宽度并将其转换为百分比

我有以下代码：

HTML

JQUERY

$(document).ready(function(){
    var percent = $('.bar-value').css('width');
});

问题是，这将返回以像素为单位的div宽度（在本例中为200px）。我希望它以百分比（50%）返回div的值

---

提前谢谢

要获得百分比，需要其父级的宽度。试试这个：

$(document).ready(function(){
    var element = $('.bar-value');
    var percent = element.css('width')/element.parent().width()*100+'%';
});

---

要获得百分比，需要其父对象的宽度。试试这个：

$(document).ready(function(){
    var element = $('.bar-value');
    var percent = element.css('width')/element.parent().width()*100+'%';
});

---

要获得百分比，需要其父对象的宽度。试试这个：

$(document).ready(function(){
    var element = $('.bar-value');
    var percent = element.css('width')/element.parent().width()*100+'%';
});

---

要获得百分比，需要其父对象的宽度。试试这个：

$(document).ready(function(){
    var element = $('.bar-value');
    var percent = element.css('width')/element.parent().width()*100+'%';
});

---

这个问题已经回答了

您必须自己实施它：

var width = $('.bar-value').css('width');
var parentWidth = $('.bar-value').offsetParent().css('width');
var percent = 100*width/parentWidth;

---

这个问题已经回答了

您必须自己实施它：

var width = $('.bar-value').css('width');
var parentWidth = $('.bar-value').offsetParent().css('width');
var percent = 100*width/parentWidth;

---

这个问题已经回答了

您必须自己实施它：

var width = $('.bar-value').css('width');
var parentWidth = $('.bar-value').offsetParent().css('width');
var percent = 100*width/parentWidth;

---

这个问题已经回答了

您必须自己实施它：

var width = $('.bar-value').css('width');
var parentWidth = $('.bar-value').offsetParent().css('width');
var percent = 100*width/parentWidth;

---

我用一个变量尝试了那个代码，效果很好，谢谢！我忘了把它乘以100。编辑。我用变量尝试了那个代码，效果很好，谢谢！我忘了把它乘以100。编辑。我用变量尝试了那个代码，效果很好，谢谢！我忘了把它乘以100。编辑。我用变量尝试了那个代码，效果很好，谢谢！我忘了把它乘以100。编辑。