Ancho de configuración como un porcentaje usando jQuery

Question

¿Cómo puedo establecer el ancho de un div como un porcentaje usando jQuery?

Answer 1

Uso de la función width:

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

darán vuelta:

<div id="somediv" /> 

en:

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

Answer 2

Hemnath

Si la variable es el porcentaje:

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

Si la variable es en píxeles, y desea que el porcentaje que ocupan de los padres:

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

Answer 3

Aquí es una alternativa que funcionó para mí:

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