jquery - 为什么不重置高度

Question

我正在尝试使用 jquery 来重置表格的高度值，在下面#ExpandGrid_Header 是一个表格，#MainContent_ExpandGrid 也是一个表格

        $("#ExpandGrid_Header").css("height", $("#MainContent_ExpandGrid tr:nth-child(1)").css("height"));
        alert($("#ExpandGrid_Header").css("height") + " __ " + $("#MainContent_ExpandGrid tr:nth-child(1)").css("height"));

警报中出现以下内容

59px __ 25px

但我显然正在尝试获得 25px __ 25px

下面是我在第一张 table 上唯一的css

#ExpandGrid_Header 
    {
        visibility: hidden;
    }

下面是我的html

                <table id="ExpandGrid_Header" style="border: 1px solid;">
                    <tbody>
                        <tr>
                            <td>Attribute 1</td>
                            <td>Attribute 2</td>
                            <td>Attribute 3</td>
                            <td>Attribute 4</td>
                            <td>Attribute 5</td>
                            <td>Attribute 6</td>
                            <td>Attribute 7</td>
                            <td>Attribute 8</td>
                        </tr>
                    </tbody>
                </table>

Answer 1

您可以尝试使用 height() 函数而不是 css 值来设置高度。

$("#ExpandGrid_Header").height($("#MainContent_ExpandGrid tr:nth-child(1)").height());

alert($("#ExpandGrid_Header").height() + " __ " + $("#MainContent_ExpandGrid tr:nth-child(1)").height());