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将高度应用于FHVD作为x-y，这样即使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

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

Answer 2

您可以使用.children()方法执行此操作：

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

Answer 3

试试这个：

window.onresize = function(event) {

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

Answer 4

尝试这样的事情

        window.onresize = function(event) {

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

           });
        }

如何使用此属性选择子div？

4 个答案: