[解決済み] 要素のうち、高さが最大の要素

質問

私は、一連の div 要素があります。で jQuery を見つけることができるようにしたい。 div の高さが最大で、かつその div . 例えば

<div>
    <div class="panel">
      Line 1
      Line 2
    </div>
    <div class="panel">
      Line 1<br/>
      Line 2<br/>
      Line 3<br/>
      Line 4<br/>
    </div>
    <div class="panel">
      Line 1
    </div>
    <div class="panel">
      Line 1
      Line 2
    </div>
</div>

上記を見ることで、2番目の div (4行)の高さが最大であることがわかります。これを調べるにはどうしたらいいのでしょうか？誰か助けてください。

今のところ、私は試してみました。

$("div.panel").height() で、1番目の div .

どのように解決するのですか？

使用方法 .map() と Math.max .

var maxHeight = Math.max.apply(null, $("div.panel").map(function ()
{
    return $(this).height();
}).get());

読んでいてわかりにくい場合は、こちらの方がわかりやすいかもしれません。

var heights = $("div.panel").map(function ()
    {
        return $(this).height();
    }).get();

maxHeight = Math.max.apply(null, heights);