jquery - 在 jQuery 中动态分配 div 高度

Question

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

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

在我的CSS中

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

但是当发生这种情况时，因为我将高度设置为自动，所以它不会为整个 div 显示红色 bg 颜色。如果我将高度从自动更改为固定高度(例如:20 像素)，它会显示那么高的红色 bg。

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

Answer 1

添加新类后用jQuery设置高度可以吗？

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