Setting width as a percentage using jQuery

Question

How to set div width as a percentage using jQuery?

Answer 1

Using the width function:

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

:

 <div id="somediv" /> 

at

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

Answer 2

Hematn

If your variable is a percentage:

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

If your variable is in pixels and you want the percentage to occupy the parent:

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

Answer 3

Here is an alternative that worked for me:

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