Wie kann ich die größte Tabellenzellenhöhe mit jQuery finden?

Question

Ich habe eine Tabelle mit Zellen mit variabler Länge Text-Inhalt. Ich möchte die Höhe der höchsten Zelle finden und dann alle Zellen so groß machen. Wie kann ich das machen?

Answer 1

So:

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

In einfachem Englisch, eine Schleife durch alle Zellen und finden Sie den Maximalwert, gelten dann diesen Wert auf alle Zellen.

Answer 2

Es gibt several plugins, die dies für Sie tun können. Allerdings würde der Code wie folgt aussehen:

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

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

Answer 3

Sie können jQuery verwenden, um mit dem folgenden Code

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

Hoffe, es hilft

Answer 4

einfach anders zu sein:

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

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

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

Answer 5

Beitrag @tatu Ulmanens Beispiel

Dies ist offensichtlich, aber wenn Sie nur die Zeilen mit größeren Zellen Strech wollen eine tr Schleife wickeln :)

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