jQuery: calcolare l'altezza massima delle colonne

Quando creiamo un layout colonnare con i CSS c'è sempre il problema di avere tutte le colonne della stessa altezza. Il problema è ancora più evidente se le colonne hanno un colore di sfondo o un bordo impostato. Fortunatamente jQuery ci viene in aiuto.

Il seguente codice calcola l'altezza massima delle varie colonne e quindi imposta l'altezza di tutte le colonne sul valore ottenuto:

var maxHeight = 0;

$('div.col').each(function(){
    if ($(this).height() > maxHeight) { 
    	maxHeight = $(this).height(); 
    }
});

$('div.col').height(maxHeight);