A really simple "equal heights" method for jQuery!

JavaScript · September 29, 2010 · 1 min read

Nothing special, a really basic “equal heights” method written in jQuery.

$.fn.equalHeights = function () {
  var maxHeight = 0;

  $(this).each(function (index) {
    var height = $(this).height();

    if (maxHeight < height) {
      maxHeight = height;
    }
  });
  $(this).height(maxHeight);
};

$("ul li").equalHeights();

Then you just need to apply the method on the element you want using $("ul li").equalHeights();.