檢測與jQuery和動態內容的高度

Question

我有一個div必須是垂直對齊，div內的文本是動態生成的，所以我需要得到與生成的內容的div大小，然後將其設置爲其他div所以它可以垂直對齊。

這是我的標記

<?php foreach ($necesidades as $necesidad): ?> 
    <div class="guia-wrap"> 
     <div class="tit"> 
       <div><?php echo $necesidad->getTituloByPais($pais) ?></div> 
     </div> 
     <div class="desa"> 
       <div><?php echo html_entity_decode($necesidad->getDescripcion()) ?></div> 
     </div> 

     <script> 
      $(document).ready(function(){ 
       altura = $('.desa').height(); 
       $(".tit").css("height", altura); 
       $(".tab_content").hide(); 
      }); 
     </script> 
    </div> 
<?php endforeach; ?> 

所以，我得到.desa的高度，將其設置爲.TIT。但是，隨着幾個.guia-包裹產生，我不知道如何geat每個.desa的高度，將它們設置爲自己的.TIT

這是CSS

.tit { 
    display: table; 
    float: left; 
    width: 213px; 
    border-right:1px solid #dedede; 
    height: 100%; 
    font-family: arial; 
    font-size: 14px; 
    color: #666666; 
    background: #f6f6f6; 
} 
.tit div { 
    display: table-cell; 
    vertical-align: middle; 
    padding: 15px; 
} 
.desa { 
    display: table; 
    float: right; 
    width: 476px; 
    font-family: arial; 
    font-size: 12px; 
    height: 100%; 
    color: #959595; 
} 
.desa div { 
    display: table-cell; 
    vertical-align: middle; 
    padding: 15px; 
} 

希望足夠的清晰。謝謝。

Answer 1

使用jQuery你可以做使用each()一些這樣的：

$(document).ready(function(){ 
    $('.guia-wrap').each(function(){ 
     var h = $('.desa',this).css('height'); 
     $('.tit', this).css('height',h) 
    }) 
})