การตั้งค่าความกว้างเป็นเปอร์เซ็นต์โดยใช้ jQuery

ฉันจะกำหนดความกว้างของ div เป็นเปอร์เซ็นต์โดยใช้ jQuery ได้อย่างไร

การใช้ฟังก์ชันความกว้าง :

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

จะเปลี่ยน:

<div id="somediv" />

เข้าสู่:

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

เหมนาท

หากตัวแปรของคุณเป็นเปอร์เซ็นต์:

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

หากตัวแปรของคุณมีหน่วยเป็นพิกเซลและคุณต้องการให้ค่าเปอร์เซ็นต์ของพาเรนต์สูงขึ้น:

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

นี่คือทางเลือกที่เหมาะกับฉัน:

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