Jquery使列的高度与最高的相同

Question

我这里有一个 jsfiddle - https://jsfiddle.net/gdqcLbqt/

我的 Bootstrap 列具有不同的内容量和不同的高度。

我需要列具有相同的高度。

我需要找到最高的列，然后使所有列都达到该高度。

抱歉，我不知道从哪里开始，所以我没有代码可以开始。

        .block{
            background: red; 
            color: white;
            padding: 10px;
        }

        .col-sm-4{
            margin-bottom: 20px;
        }

Answer 1

您可以简单地遍历每个 block ，找到最高的，然后将找到的最高值分配给所有 .block:

var tallest = 0;
$(".block").each(function(){
    if($(this).height() > tallest)
        tallest = $(this).height();
});
$(".block").height(tallest);

Fiddle Example