jQuery高度调整

Question

有没有办法说：如果约翰的身高比迈克的高度大，那么迈克的身高是否等于约翰的身高？ CSS（尽管我不相信这可以通过CSS完成）或jQuery。

查看图片 - ＆gt; http://i50.tinypic.com/2ecdstw.jpg看看我的意思。

Answer 1

var john = $("#john").css('height'), //use css
    mike = $("#mike").height(); //or just the height() method

if (john>mike) mike=john;

Answer 2

 $.fn.equalHeight = function(){
    var h = 0;
    this.each(function(){
        h = Math.max(h, $(this).height());
    }).height(h);
 };

这个小插件是你需要的吗？

Answer 3

你可以使用height样式属性在jQuery中执行类似的操作。

if($(".john").height() > $(".mike").height())
{
    $(".john").height($(".mike").height());
}

<强>更新

Demo of above code

Answer 4

jsBin demo

$(".elements").height(Math.max.apply(null, $(".elements").map(function () {
    return $(this).height();
}).get()));

---

以下是仅限CSS的解决方案：

  .el_wrapper{
    position:relative;
    display:table;
    overflow:hidden;
  }      
  .el{
    position:relative;
    display:inline-block;
    overflow:hidden;
    width:150px;
    float:left;
    background:#eee;
    margin:3px;
    padding:10px;
    margin-bottom:-3000px;
    padding-bottom:3015px;
  }

jsBin demo 2