Définition de la largeur sous forme de pourcentage à l'aide de jQuery

Question

Comment définir la largeur d'une div sous forme de pourcentage à l'aide de jQuery?

Answer 1

Utilisation de la fonction width :

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

tournera:

<div id="somediv" />

dans:

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

Answer 2

Hemnath

Si votre variable est le pourcentage:

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

Si votre variable est en pixels et que vous voulez le pourcentage qu'elle occupe du parent:

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

Answer 3

Voici une alternative qui a fonctionné pour moi:

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