Question

我有一些内容组，其中包含两个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>

Answer 1

试试这个

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

DEMO

Answer 2

Fiddle Demo

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

.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'
});

如何使这两个div具有相同的高度？

5 个答案: