Jquery相同的高度取决于另一个divs的高度

Question

你好我有一个问题，如何使所有div的高度始终相同的高度（与类.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 = $（＆＃34; this＆＃34;）。height（）;

到

maxHeight = $（this）.height（）;

Answer 2

我只是稍微修改你的代码。

codepen

上的演示

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

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