在jQuery中动态分配div高度答案

【问题标题】：Dynamically assigning div height in jQuery在jQuery中动态分配div高度
【发布时间】：2018-08-09 19:19:02
【问题描述】：

我有一个类为“divItemclass”的 div，我将高度设置为自动。这个 div 包含一些数据（文本/图像）。现在，当用户单击删除按钮时，我想将类更改为另一个类。我正在使用下面的代码这样做

$("#divRoundItem").removeClass().addClass("divGlowToDelete").fadeIn(500);

在我的 CSS 中

.divGlowToDelete
{
background-color:Red;
border:1px solid red;
height:auto;
 }

但是当这种情况发生时，由于我将高度设置为自动，它不会为整个 div 显示红色 bg 颜色。如果我将高度从 auto 更改为固定高度（例如：20 px），那么它会显示红色 bg 作为那个高度。

但我不能提及高度，因为 div 内的内容长度是动态的。如何解决这个问题？我认为如果我可以在运行时（更改类时）获取 div 的当前高度并将其分配给新类（divGlowToDelete）会很好。

【问题讨论】：

【解决方案1】：

如果在添加新类后使用jQuery设置高度会起作用吗？

$("#roundItem")
    .removeClass()
    .addClass("divGlowToDelete")
    .css("height","auto")
    .fadeIn(500);

【讨论】：

【解决方案2】：

您可以通过调用height方法获取或设置div的高度。

【讨论】：

【解决方案3】：

在页面加载时尝试使用 jQuery 显式设置

的高度可能是一个想法：

$(document).ready(function() {
    ...
    var $theDiv = $('#divRoundItem');
    $theDiv.css('height', $theDiv.height() + 'px');
    ...
});

【讨论】：

【解决方案4】：

您的问题与清除浮动有关吗？

【讨论】：