用jquery改变div的高度答案

【问题标题】：changing the height of a div with jquery用jquery改变div的高度
【发布时间】：2021-05-10 13:33:17
【问题描述】：

由于某种原因，当我尝试使用 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。有什么想法吗？

【问题讨论】：

您的代码看起来不错。可能是#wrapdiv 高度设置正确但内容溢出。尝试overflow: auto 或overflow: hidden
我同意 Vega。你的代码看起来不错。样品在这里jsfiddle.net/gbsandeep/dscxC
那没有用，但我认为你在正确的轨道上。这不是jquery，它一定与某处的iframe或css样式有关

标签： javascript jquery html

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

你不能简单地只为高度输入一个数值。你必须这样做：

<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 link 1

JSFiddle link 2

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

你应该找谷歌...^^ 就这个： http://api.jquery.com/height/

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

【讨论】：