2つのオブジェクトの高さの差を見つけ、別のオブジェクトに高さを割り当てます。

Question

高さの2つのオブジェクトの差を見つけ、jqueryまたはjavascriptを使用して別のオブジェクトに高さを割り当てます。実際には、オブジェクト（コンテナ/セクション）には動的コンテンツがあるため、これらのオブジェクトは高さが動的です。だから、私は2つのオブジェクトの違いを見つけて、この違いを別のオブジェクトに割り当てたいと思っています。 たとえば、 Div3（高さのサイズ）= Div1（高さのサイズ）-Div2（高さのサイズ）。

Answer 1

divのidがdiv1,div2およびdiv3であるとします。 次に、JQuery .height()関数を使用します。あなたが.height()または.innerHeight()または.outerHeight()のいずれかを使用することができます

$("#div3").height($("#div1").height() - $("#div2").height()); 

。求めて_ "質問：

var diff = $("#div1").height() - $("#div2").height(); 
 
$("#div3").height(diff); 
 
$("#div4").css("margin-top", diff);

#div1 { 
 
    height: 150px; 
 
    background-color: red; 
 
} 
 

 
#div2 { 
 
    height: 100px; 
 
    background-color: blue; 
 
} 
 

 
#div3 { 
 
    background-color: green; 
 
} 
 

 
#div4 { 
 
    height: 100px; 
 
    background-color: orange; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="div1"></div> 
 
<div id="div2"></div> 
 
<div id="div3"></div> 
 
<div id="div4"></div>