为什么不重置高度

时间:2015-07-17 15:53:31

标签: jquery html css

我正在尝试使用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

以下是我在第一张桌子上唯一的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>

1 个答案:

答案 0 :(得分:0)

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

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

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