2012-06-06 11 views
9

ほとんどの場合、CSSは高さの要素を達成するための最良の方法です。しかし、私たちが完全に制御できないページやCMSを扱っている状況では、jQueryのソリューションは非常に便利だと思います。jQueryを使って子どもの最大身長値を取得し、次にすべての子供にその身長値を適用する

私はjQueryで次のように達成する方法を知りました。私はjQueryの構文に詳しくはわかりませんが、ここでは疑似jQuery /英語の構文を使用しています...これは意味がありますか、これを実現する簡単な方法はありますか?あなたは私の擬似コードで笑いが止まらたら

$('div.columns')each.get.height; 
create an array of the height values 
grab the largest value in this array 
$('div.columns')each.css(height: $max-height); 

:私は、次のコードは、わずかでは動作しません、それはちょうど私の解決に貢献しようとする方法、およびロジック部門のビットのピッチだ実現します、 何か案は? ありがとうございます!

var maxHeight = -1; 
$('div.columns').each(function() { 
    if ($(this).height() > maxHeight) { 
     maxHeight = $(this).height(); 
    } 
}); 
$('div.columns').height(maxHeight); 

注:これは未テストコードです

答えて

21

はこのような何かを試してみてください。しかし、それはあなたのための最初のコンセプトを持っているはずです。オリジナルのコンセプトは近いですが、最大高さの値だけを保持したい場合は、配列はここでは必要ありません。

+0

これは完全に機能します。ガイダンスをありがとう! – LearnWebCode

+1

@Eric 私はもう少し遅いことを知っていますが、私は本当にこのアプローチに感謝したいと思います。私はそれを行うために配列を使用しています。私は疑問があります、maxHeight = -1は何ですか? "-1"を削除すると、コードは機能しません。それで私を導くことができますか?ありがとうございました。 –

+2

@Symbolwdd助けてくれてうれしい! -1は比較のための初期整数値を与えます。それがなければ、 'undefined'を使用します。これは、整数と適切に比較できません。 – Eric

関連する問題