Jquery такой же высота в зависимости от другой divs высота

Question

Привет, у меня есть проблема, как сделать высоту всех divs всегда одинаковой высоты (с классом .height-fix) в зависимости от содержимого. Просто, если я добавлю больше контента в один div, остальные будут корректировать их высоту.

http://codepen.io/anon/pen/wGLmdb

var maxHeight = 0; 
    $(".height-fix").each(function(index){ 
    if($(this).height() > maxHeight) { 
     maxHeight = $("this").height(); 
    } 
    }); 

    $(".height-fix").height(maxHeight); 
    console.log(maxHeight); 


    <div class="container"> 
      <div class="row"> 

      <div class="col-xs-3"> 
       <div class="jumbotron height-fix"> 
       <p>lorem lorem lorem lorem lorem lorem</p> 
       </div> 
      </div> 

      <div class="col-xs-3"> 
      <div class="jumbotron height-fix"> 
       <p>lorem</p> 
       <p>lorem lorem lorem lorem lorem lorem</p> 
       </div> 
      </div> 

      <div class="col-xs-3"> 
       <div class="jumbotron height-fix"> 
       <p>lorem</p> 
       </div> 
      </div> 

      <div class="col-xs-3"> 
       <div class="jumbotron height-fix"> 
       <p>lorem</p> 
       <p>lorem lorem lorem lorem lorem lorem</p> 
       <p>lorem lorem lorem lorem lorem lorem</p> 
       </div> 
      </div> 

      </div> 

     </div> 

Answer 1

Relpace

MaxHeight = $ ("это") высота().

к

MaxHeight = $ (это) .height();

Answer 2

Я просто немного модифицирую ваш код.

DEMO на codepen

var maxHeight = 0; 
$(".height-fix").each(function(index){ 
if($(this).height() > maxHeight) { 
maxHeight = $(this).height(); 
} 
}); 

$(".height-fix").height(maxHeight);