Question

我需要检查每个父div，找到最高的孩子，并将身高应用于同一父母以外的所有孩子。

HTML：

<div class="parent">
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
</div>
<div class="parent">
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
</div>

jquery不能处理我的html：

var maxHeight = -1;
$('.parent>.child').each(function() {
    maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
}); 
$('.child').each(function() {
    $(this).height(maxHeight);
});

有人可以帮忙吗？

Answer 1

首先尝试迭代每个rows，然后检查其children元素，

var maxHeight = -1;

$('.parent').each(function() {
    $(this).children(".child").each(function(){ 
       maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
    }).height(maxHeight);
    maxHeight = -1;
});

Answer 2

您需要单独循环每个.parent

$('.parent').each(function () {
    var maxHeight = -1;
    var $children = $(this).children('.child');
    $children.each(function () {
        maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
    });
    $children.height(maxHeight);
})

检查最高div并适用于兄弟姐妹

2 个答案: