Javascript 如何使用jquery以百分比形式获取宽度

我正在尝试使用j-Query获取宽度的百分比值。 我不想在j-Query中设置的值。我已经尝试了width（）方法和css（'width'）。它们都返回而不是以百分比表示的结果

Html代码

style.css

.demo{
width:50%;
}

jquery代码

$(document).ready(function(){
var = $('.demo').css('width');//50px
var = $('.demo').width();//50
});

提前谢谢你的帮助

$(function() {
  var parentWidth = $(document).width(); // parent element
  var demoWidth = ($(".demo").width()/parentWidth * 100).toFixed() +"%";
});

---

这将给您以%为单位的宽度

您必须根据包含父文档的宽度来计算它。op没有说文档是父文档。您应该替换$（文档）。如果.demo是position:absolute，则需要$（“.demo”）.offsetParent（），否则需要$（“.demo”）.parent（）。