Question

我试图动态更改div高度，它取决于表格高度。这是我的代码：

<div>
    <table class="responsive">
        <tbody>
            <tr>
                <th>Ref</th>
                <th>Version</th>
            </tr>
            <tr>
                <td>test</td>
                <td>2</td>
            </tr>
        </tbody>
    </table>
</div>
<div class="pinned">
    <table class="">
        <tbody>
            <tr>
                <th>Ref</th>
                <th style="display: none;">Version</th>
            </tr>

            <tr>
                <td>test</td>
                <td style="display: none;">2</td>
            </tr>
        </tbody>
    </table>
</div>

我希望 .pinned 和 .responsive 具有相同的尺寸。或 .pinned th 和 .responsive th 的大小相同。

我试过了：

hauteur = jQuery('.responsive').height();
jQuery('.pinned').css('height', hauteur);

如果我添加ID但是表是动态生成的，那么它是有效的...我想尝试没有ID。

我该怎么办？

Answer 1

喜欢这个？你需要在$ JqueryKing中添加“px”。

$('.pinned').each(function(){
    $(this).css('height', $('.responsive').height()+"px");
});
$('.pinned th').each(function(){
    $(this).css('height', $('.responsive th').height()+"px");
});

如果这些是“随时随地”添加的，你必须把它放在一个函数中，然后每隔x ms运行一次。

Answer 2

以下代码应该有效：

jQuery('.pinned').height(jQuery('.responsive').height());

使用jQuery更改div高度

2 个答案: