1. ホーム
  2. javascript

[解決済み] divの高さを動的に取得する方法

2022-02-24 08:23:17

質問

私は2つのdiv、左と右を持っている、右のdivのコンテンツは、その高さとして動的に設定されているので、私はhtmlでその高さを指定していない、今私が欲しいのは、左divの高さは、右divと同じであるべきです、どのように右divの高さに従って左divの高さを設定するには、jqueryを使って、私は試してみました。

$("#leftDiv").height($("RightDiv").height());

右のdivの高さをhtmlで指定していないため、うまくいかないようです。 テーブルを使う以外に何か方法はないでしょうか?

解決方法は?

説明

のセレクタのようです。 RightDiv が正しくないか、DOM が読み込まれるのを待つのを忘れています。

サンプル

Html

<div id="leftDiv" style="border:1px solid red">left div</div>
<div id="RightDiv" style="height:100px; border:1px solid red">right div</div>

jQuery

$(function() {
   $("#leftDiv").height($("#RightDiv").height());
})

その他の情報