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

时间:2014-09-20 14:33:21

标签: javascript jquery html5 css3

我试图使用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
});

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

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

这会给你宽度%