jquery - 使用 jQuery 更改 div 高度

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

像这样吗？您需要添加“px”，如 $JqueryKing 提到的。

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

如果这些是“随时随地”添加的，您必须将其放入一个函数中，然后每 x 毫秒运行一次。