如何让这两个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

我以前使用过这种方法，这很好，但不适合我在做什么。不管怎么说，还是要谢谢你！ –