セット内で一番高い要素を見つける

Question

私はブートストラップ行クラスcol-sm-4 insideを使用しています。最高の高さの「タイトル」divを見つけて、同じ行内の各タイトルに同じheightを設定する必要があります。それを行うための簡単な方法ザッツ

<div class="row"> 
    <div class="col-sm-4"> 
    <div class="title">Blah-blah-blah</div> 
    </div> 
    <div class="col-sm-4"> 
    <div class="title">More Blah-blah-blah</div> 
    </div> 
    <div class="col-sm-4"> 
    <div class="title">Blah-blah-blah</div> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-sm-4"> 
    <div class="title">Blah-blah-blah and Blah-blah-blah</div> 
    </div> 
    <div class="col-sm-4"> 
    <div class="title">More Blah-blah-blah</div> 
    </div> 
    <div class="col-sm-4"> 
    <div class="title">Blah-blah-blah</div> 
    </div> 
</div> 

Answer 1

$('.row').each(function() 
{ 
    var max = 0; 
    $(this).find('.title').each(function(){ 
     if($(this).height() > max) 
      max = $(this).height(); 
    }); 

    $(this).find('.title').css('height', max); 

}); 

。メディアクエリのブレークポイントを考慮に入れて調整する必要があるかもしれませんし、他の場所で誤って何かを因数分解するのを避けるために、セレクタに関してより具体的であることが必要な場合があります。また、反復するのに$.eachの代わりにforを使用すると主張する人もいますが、このサイズでは遅延が気になりません。

Answer 2

多分これはあなたがやろうとしていることですか？

$(".row").each(function(row){ 
    var maxHeight = 0; 
    $(row).find(".title").each(function(title){ 
     maxHeight = Math.max($(title).height(), maxHeight); 
    }); 
    $(row).find(".title").css({height: maxHeight+'px'}); 
}