2013-10-28 38 views
0

這裏我的代碼是:如何使用此屬性選擇子div?

<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,因爲即使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 

    }); 
} 

謝謝...

+0

肯定你的意思'$(窗口)。在( '調整',功能...)'。另外,如果可以的話,避免從字符串中構建css選擇器 - 這是爲什麼:) – Eevee

+0

$('。FHC')'?或者是一個錯字? –

回答

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

我想獲得$('。FHFD')div的高度? – MackMon

0

你可以做到這一點使用方法.children()

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

感謝傢伙......這是我的要求.. – MackMon

+0

很高興幫助!請標記[接受答案](http://meta.stackexchange.com/a/5235)以幫助其他用戶。 –

0

試試這個:

window.onresize = function(event) { 

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

嘗試這樣的事情

 window.onresize = function(event) { 

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

      }); 
     } 
相關問題