jquery - jQueryの高さ調整

Question

言い方はありますか: ジョンの身長がマイクの身長よりも大きい場合、マイクの身長をジョンの身長と等しくしますか? CSS (これが CSS でできるとは思いませんが) または jQuery。

画像を参照してください --> http://i50.tinypic.com/2ecdstw.jpgの意味を確認してください。

Answer 1

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

この小さなプラグインはあなたが必要とするものですか？

Answer 2

height styleプロパティを使用して、jQueryでこのようなことを行うことができます。

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

アップデート

上記のコードのデモ

Answer 3

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

if (john>mike) mike=john;

Answer 4

jsBinデモ

$(".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デモ2