определить высоту с 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) 
    }) 
})