jQuery同等高度的div

Question

我有兩列中有可拖動和可放置的div。我用這個代碼：

`//Equal Height Divs 
     function equalHeight(group) { 
      var tallest = 0; 
      group.each(function() { 
       var thisHeight = $(this).height(); 
       if(thisHeight > tallest) { 
        tallest = thisHeight; 
       } 
      }); 

      group.each(function() { 
       $(this).css("min-height", tallest); 
      }); 
     }` 

，以確保更多的div被添加到一個列和列的高度變大，從而將第二列的高度。

但是我似乎不知道如何反轉這個，所以如果我從一列中刪除東西，並且兩列的div高度應該變小。我知道我已經過於複雜了，所以在這裏解決我的困惑的任何幫助將不勝感激， 謝謝

Answer 1

只需添加$(this).css("height", "");，即可重置CSS高度屬性，以便高度不會超過必要值。如果沒有一套height屬性，元素將縮至最小高度：

function equalHeight(group) { 
     var tallest = 0; 
     group.each(function() { 
      $(this).css({height:"", "min-height":""}); 
      var thisHeight = $(this).height(); 
      if(thisHeight > tallest) { 
       tallest = thisHeight; 
      } 
     }); 

     group.each(function() { 
      $(this).css("min-height", tallest); 
     }); 
    } 

Answer 2

我想我明白你的問題只是在一定程度上。如果您嘗試使用最高元素的高度設置元素的高度，則可以使用此代碼。假設您正在處理的元素具有相同的類。

var maxHeight = Math.max.apply(null, $('.common_classname').map(function() { 
       return $(this).height(); 
     }).get()); 

$('.common_classname').height(maxHeight);