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

Question

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

Answer 1

使用 width 函数：

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

会将： 变为

<div id="somediv" />

：

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

Answer 2

这是对我有用的替代方案：

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

Answer 3

Hemnath

如果您的变量是百分比：

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

如果您的变量以像素为单位，并且您希望它占父级的百分比：

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