使用jQuery设置宽度百分比

Question

如何使用jQuery将百分比宽度设置为百分比？

Answer 1

使用width功能：

$('div#somediv').width('70%'); 

会变成：

<div id="somediv" /> 

到：

<div id="somediv" style="width: 70%;"/> 

Answer 2

Hemnath

如果变量是百分比：

var myWidth = 70; 
$('div#somediv').width(myWidth + '%'); 

如果变量是在像素，并且希望它占用父的百分比：

var myWidth = 140; 
var myPercentage = (myWidth/$('div#somediv').parent().width()) * 100; 
$('div#somediv').width(myPercentage + '%'); 

Answer 3

这里是为我工作的替代：

$('div#somediv').css({'width': '70%'});