匹配高度每4个元素

时间:2015-12-08 09:58:48

标签: javascript jquery html css

我想匹配“project_region”每个4个元素的高度,

<div class="grid_new inner_each_pr" onclick="location.href='/region/agroproject/33'">
    <div class="inn_pr">
        <p class="project_region"><b>Московская область</b><br>Животноводство, Строительство сельскохозяйственных объектов | Молочное скотоводство</p>
        <p class="project_name">Строительство животноводческой фермы</p>
        <div class="info_project_down">
            <div class="block_rub inline">
                <p>406 <span>млн. р.</span></p>
            </div>
            <div class="block_time">
                <p>8<span>лет</span></p>    
            </div>
        </div>
    </div>
</div>

上面的HTML代码位于class="row"内,所有class="inner_each_pr"都设置为内嵌,我尝试过,但它是我所有元素的最大高度,我需要设置最大值高度每4个元素。 有什么想法吗?

1 个答案:

答案 0 :(得分:0)

尝试

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

查看此链接了解详情Div is mysteriously moving down after displaying first 3 rows properly