如何使用jQuery找到最大的表格單元格高度？

Question

我有一個表格，其中包含可變長度文本內容的單元格。 我想找到最高單元格的高度，然后使所有單元格都達到該高度。 我怎樣才能做到這一點？

Answer 1

像這樣：

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

用簡單的英語，遍歷所有單元格並找到最大值，然后將該值應用於所有單元格。

Answer 2

只是有所不同：

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

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

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

Answer 3

有幾個插件可以為您完成此任務。 但是，代碼如下所示：

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

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

Answer 4

貢獻@tatu ulmanen的例子

這很明顯，但是如果您只想拉高單元格的行，則可以包裹一個tr循環:)

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

Answer 5

您可以將jQuery與以下代碼結合使用

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

希望能幫助到你