jQueryを使用して幅としてパーセンテージを設定する

Question

JQueryを使用してdivの幅をパーセンテージで設定するにはどうすればよいですか？

Answer 1

width 関数を使用する：

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

変わるだろう：

<div id="somediv" />

に：

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

Answer 2

ヘムナス

変数がパーセンテージの場合：

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%'});