javascript - このプロパティを使用して子 div を選択するには?

Question

ここに私のコードは次のとおりです。

<div class="FHD">   
    <div class="FHFD">    
        <div class="FHD">
           <div class="FHVD">AA</div>
           <div class="FHFD">AB</div>   
        </div>   
    </div>   
    <div class="FHVD">B</div>  
</div>

高さxのdiv FHDがあり、FHFDは高さyです。
今、jsを使用してxyとしてFHVDに高さを適用したいので、FHDの高さが変わってもFHVDの高さだけが変わり、FHFDはその高さを変えません。

コードを次のように一般化したい

window.onresize = function(event) {

   $('.FHC').each(function(){
       //here i want to get the height of FHFD div using 
       //$(this +' .FHFD").height()
       //somthing like this

   });
}

少し早いですがお礼を...

Answer 1

このようなことを試してください

        window.onresize = function(event) {

           $('.FHD').each(function(){
               $(this).find('.FHVD').height( $(this).height);

           });
        }

Answer 2

これを試して：

window.onresize = function(event) {

    $('.FHC').each(function(){
        var heightFHFD = $(this).find('.FHFD').height()
    });
}

Answer 3

 $('.FHC').each(function(){
     console.log(  $(this).height());
 });