Jak znaleźć największą wysokość komórki tabeli za pomocą jQuery?

Question

Mam tabelę z komórkami o zmiennej długości tekstu. Chcę znaleźć wysokość najwyższej komórki, a następnie utworzyć wszystkie komórki o tej wysokości. Jak mogę to zrobić?

Answer 1

Jak to:

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

w prostym języku angielskim, pętli wszystkich komórek i znaleźć maksymalną wartość, a następnie zastosować tę wartość do wszystkich komórek.

Answer 2

Istnieje several plugins, który może to dla ciebie zrobić. Jednak kod wyglądałby następująco:

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

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

Answer 3

Można użyć jQuery z następującego kodu

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

Nadzieja pomaga

Answer 4

Wystarczy być różne:

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

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

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

Answer 5

przyczynić @tatu ulmanen na przykład

To jest oczywiste, ale jeśli po prostu chcesz strech wiersze z wyższych komórek owinąć pętlę tr :)

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