Come posso trovare l'altezza della cella della tabella più grande con jQuery?

Question

Ho una tabella con celle di testo a contenuto variabile. Voglio trovare l'altezza della cella più alta e quindi rendere tutte le celle quell'altezza. Come posso fare questo?

Answer 1

Ti piace questa:

var max = 0;  
$('table td').each(function() { 
    max = Math.max($(this).height(), max); 
}).height(max); 

In parole povere, un ciclo tra tutte le cellule e trovare il valore massimo, quindi applicare tale valore a tutte le cellule.

Answer 2

Ci sono several plugins che possono farlo per voi. Tuttavia, il codice sarebbe simile a questa:

var tallest = 0; 
$('table td').each(function() { 
    if (tallest < $(this).height()) { 
    tallest = $(this).height(); 
    } 
}); 

$('table td').css({'height': tallest}); 

Answer 3

È possibile utilizzare jQuery con il seguente codice

var maxHeight = 0; 
$('#yourTableID td').each(function(index, value) 
{ 
if ($(value).height() > maxHeight) 
maxHeight = $(value.height()); 
}).each(function(index, value) { 
$(value).height() = maxHeight; 
}); 

Speranza che aiuta

Answer 4

solo per essere diverso:

var heights = $('td').map(function() { 
    return $(this).height(); 
}).get(); 

var maxHeight = Math.max.apply(Math, heights); 

$('td').css('height', maxHeight); 

Answer 5

contribuisci all'esempio di @tatu ulmanen

Questo è ovvio, ma se si desidera solo per strech le righe con celle più alti avvolgere un ciclo tr :)

$('table tr').each(function(){ 
    var max = 0; 
    $(this).find('td').each(function(){ 
     max = Math.max($(this).height(), max); 
    }).height(max); 
});