如何使這兩個div具有相同的高度？

Question

我有一些內容組，由兩個div組成，兩個div包含文本，我希望每組的第二個div匹配第一個的高度。

DEMO

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>

Answer 1

嘗試這個

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

DEMO

Answer 2

小提琴演示

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

。高度（）

.prev（）

Answer 3

我很確定你在尋找的東西可以在這里找到： http ： //www.ejeliot.com/blog/61

（使用CSS而不是JQuery）

Answer 4

這是一個使用jQuery實現這一目標的小提琴。

http://jsfiddle.net/59Rhn/4/

$(".item_open").each(function(){
    $(this).height($(this).prev().height());
});

Answer 5

如果您無法更改HTML，可以嘗試這種方式..

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