Question

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

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

我需要列的高度相同。

我需要找到最高的列，然后将所有列设置为高度。

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

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

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

Answer 1

你可以简单地浏览每一个，找到最高的，然后将找到的最高值分配给所有.block：

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

Fiddle Example

Answer 2

试试这个：

创建一个局部变量并将最大高度保存到其中

   var highestCol = Math.max($('#element1').height(), $('#element2').height());

   $('.elements').height(highestCol);

Answer 3

您可以从所有值计算最大高度，然后应用于所有块

$(document).ready(function(){
var tempHeightArr = []; 
var maxHeight = 0;
$(".row").find(".col-sm-4").each(function(){
     tempHeightArr.push($(this).find(".block").height());
});
 maxHeight =  Math.max.apply(Math,tempHeightArr);
 $(".block").css("height",maxHeight);
});

Jquery使列高度与最高相同

3 个答案:

这是example。