Get largest height of Container and apply to all

by Faisal Khan Janjua

HTML

<div class="row margin_bottom65">
    <div class="post">
        <span class="post-title">Packages</span>
        <div class="content">
            Packages to meet your needs. Packages to meet your Packages to meet your needs. Here’s how you can become a Korek customer.
            <div class="explore">
                <a href="http://10.10.17.180/korektel/vas"><span class="btn btn-more btn-sm"></span>Explore More</a>
            </div>
        </div>
    </div>
    <div class="post">
        <span class="post-title">Packages</span>
        <div class="content">
            Packages to meet your needs. Here’s how you can become a Korek customer.Packages to meet your needs. Here’s how you can become a Korek customer.
            <div class="explore">
                <a href="http://10.10.17.180/korektel/vas"><span class="btn btn-more btn-sm"></span>Explore More</a>
            </div>
        </div>
    </div>
    <div class="post">
        <span class="post-title">Packages</span>
        <div class="content">
            Packages to Packages to meet your needs. Here’s how you can become a Korek customer. Korek customer.
            <div class="explore">
                <a href="http://10.10.17.180/korektel/vas"><span class="btn btn-more btn-sm"></span>Explore More</a>
            </div>
        </div>
    </div>
    <div class="post">
        <span class="post-title">Packages</span>
        <div class="content">
            Packages Packages to meet your needs. Here’s how you can become a Korek customer.
            <div class="explore">
                <a href="http://10.10.17.180/korektel/vas"><span class="btn btn-more btn-sm"></span>Explore More</a>
            </div>
        </div>
    </div>
    <div class="post">
        <span class="post-title">Packages</span>
        <div class="content">
            Packages to meet your needs. Here’s how you can become a Korek.
            <div class="explore">
                <a...

CSS

.post{
	width:20%;
	float:left;
	text-align:center;
}
.post-title{
  font-weight:bold;
}
.post .content{
  position:relative;
  display:block;
}
.post .content .explore{
  position:absolute;
  width:100%;
  left:0;
  right:0;
  bottom:0;
}
p{
  float:left;
  width: 100%;
  margin:2px;
  padding:2px;
}
.result{
  background:#F99;
}

JavaScript

$(document).ready(function(){
	var posts = [];
  var i = 1;
  var minHeight = 60;
  $('.post').each(function(index){
    posts[i] = $(this).find('.content').height();
    $('.value').append('<p>Height of Box '+ (index+1) + ' = ' + posts[i] +'</p>');
    if (posts[i] > minHeight) {
      minHeight = posts[i];
    }
    i++;
  });
  $('.post .content').css('min-height',(minHeight+40)); // adding 40px for margin-bottom
  $('p.result').text('Max Height of Div is ' + minHeight);
});