javascript - 用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

jquery-textfill可能会解决您的问题。通过使用此文本大小将以这种方式调整，它将填充最大的整个容器 div。

Answer 4

你应该寻找谷歌... ^^ 这是它： http ://api.jquery.com/height/

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