Làm thế nào tôi có thể tìm thấy chiều cao ô bảng lớn nhất với jQuery?

Question

Tôi có một bảng có các ô có nội dung văn bản có độ dài thay đổi. Tôi muốn tìm chiều cao của ô cao nhất và sau đó làm cho tất cả các ô có chiều cao. Tôi có thể làm cái này như thế nào?

Answer 1

Như thế này:

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

Trong tiếng Anh đơn giản, lặp qua tất cả các tế bào và tìm giá trị lớn nhất, sau đó áp dụng giá trị đó để tất cả các tế bào.

Answer 2

Có several plugins có thể thực hiện việc này cho bạn. Tuy nhiên, mã sẽ trông như thế này:

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

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

Answer 3

Bạn có thể sử dụng jQuery với đoạn mã sau

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

Hy vọng nó giúp

Answer 4

Chỉ cần được khác nhau:

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

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

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

Answer 5

đóng góp ví dụ của @tatu ulmanen

Điều này là hiển nhiên nhưng nếu bạn chỉ muốn strech các hàng với các tế bào cao bọc một vòng lặp tr :)

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