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>

我有一个 div FHD，它的高度为 x，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

You can do this using .children() method:

$('.FHC').each(function(){ 
   var height = $(this).children('.FHFD').height();
   console.log(height);
});

Answer 2

尝试这样的事情

        window.onresize = function(event) {

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

           });
        }

Answer 3

尝试这个：

window.onresize = function(event) {

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

Answer 4

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