用jQuery更改div的高度

Question

由於某些原因，當我嘗試使用jquery更改div的高度時，它將無法工作。 我使用的代碼是這樣的：

<div id="wrapdiv" style="height:2000px">
    ....
</div>

console.log(total);  // yields 1500
changediv = "wrapdiv";
$("#" + changediv).css('height', total);

無論我做什么，都不會將高度更改為1500px。 console.log顯示變量已正確設置。 即使在Chrome的控制台中輸入分配語句，它也會更改高度。 如果這很重要，則div內有一個iframe。 有任何想法嗎？

Answer 1

您不能簡單地只為高度輸入數值。 您必須這樣做：

<div id="wrapdiv" style="height:2000px">
    ....
</div>

console.log(total);  // yields 1500
changediv = "wrapdiv";
$("#" + changediv).css('height', total + 'px');

或者，您可以執行以下操作：

<div id="wrapdiv" style="height:2000px">
    ....
</div>

console.log(total);  // yields 1500
changediv = "wrapdiv";
$("#" + changediv).height(total);

JSFiddle鏈接1

JSFiddle鏈接2

Answer 2

var total = 1500;
var changediv = "wrapdiv";

$("#" + changediv).height(total);
alert($("#" + changediv).height());

Answer 3

您應該已經尋找過Google ... ^^這是： http : //api.jquery.com/height/

$('#yourDiv').height(100);