如何讓這兩個div的高度相同？

我有一些由兩個div組成的內容組，兩個div都包含文本，並且我希望每個組的第二個div與第一個div的高度相匹配。如何讓這兩個div的高度相同？

HTML（不能改變不幸）

<!-- group one --> 
<div class="item"> 
    .... content here 
</div> 

<div class="item_open"> 
    .... content here too 
</div> 

<!-- group two --> 
<div class="item"> 
    .... completely different content here 
</div> 

<div class="item_open"> 
    .... some more content here too 
</div>

來源

2014-03-04 Lighty_46

是內容動態頁面加載後改變？ – Incognito

這將是響應和第二個div中的任何文本將溢出：滾動;如果我需要，我會在重新調整大小時運行它。 –

試試這個

$('.item_open').height(function(){ 
return $(this).prev().height(); 
});

DEMO

來源

2014-03-04 14:46:37 Anton

非常感謝！我知道這將是一個相當簡單的解決方案，它只是弄清楚如何使用它。我原本是在考慮沿着.closest（）的路線走，但是我認爲最好先在這裏問一下。 –

Fiddle Demo

$('.item_open').height(function(){ 
    return $(this).prev().height(); 
});

.height()

.prev()

來源

2014-03-04 14:47:31

如果你不能改變HTML，你可以用這種方式嘗試..

var $item = $(document).find('.item'); // find first tag item 
var $itemNext = $item.next();   // return item_open 
$($item, $itemNext).css({ 
    height: '100px' 
});

來源

2014-03-04 14:49:06 SirDeveloper

我敢肯定，你正在尋找什麼可以發現這裏：http://www.ejeliot.com/blog/61

（使用CSS而不是JQuery）

來源

2014-03-04 14:49:12

我以前使用過這種方法，這很好，但不適合我在做什麼。不管怎麼說，還是要謝謝你！ –