Elementen per jQuery und Math.max gleiche Höhe zuweisen

von

Oft steht man vor der Schwierigkeit, daß mehrere gefloatete Boxen mit dynamischem Inhalt gefüllt werden und daher keine feste Höhe bekannt ist. Wenn nun die Boxen trotzdem alle schön gleichgroß sein sollen, hilft folgendes Stückchen jQuery:

/* set equal height on boxes  */
/* http://stackoverflow.com/questions/5052673/jquery-min-max-property-from-array-of-elements  */
Array.max = function( array ){
    return Math.max.apply( Math, array );
};
var heights = jQuery(".box").map(function() {
    return jQuery(this).height();
}).get();
jQuery(".box").css("height", Array.max(heights));

Kommentieren