Make Multiple Elements The Same Height As The Tallest One With JQuery

Posted By Weston Ganger

var parent = $(".parent");
if(parent.length !== 0){
  parent.each(function(){
    var tallestHeight = 0;
    var sameHeightChildren = $(this).find(".same-height");
    sameHeightChildren.each(function(){
      var thisHeight = $(this).height();
      if(thisHeight > tallestHeight){
        tallestHeight = thisHeight;
      }
    });
    sameHeightChildren.height(tallestHeight);
  });
}