javascript - 如何使用jquery获取百分比宽度

Question

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

HTML代码

样式.css

.demo{
width:50%;
}

jquery代码

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

在此先感谢您的帮助。

Answer 1

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

这会以 % 为单位给出宽度