Установка ширины в процентах с помощью jQuery

Question

Как я могу установить ширину div в процентах, используя 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%'});