JSFiddle - React, Tailwind, and code Playground

by fellipe

HTML

<div class="box" style="height:50px">1</div>
<div class="box" style="height:60px">2</div>
<div class="box" style="height:70px">3</div>
<div class="pox" style="height:80px">4</div>

<div class="resultado"></div>

CSS

div{
    background-color:#ddd;
    display:block;
    margin-bottom:5px;
    width:100%;
}

JavaScript

//para que seu plugin não colida com outras bibliotecas que possam //usar o cifrão
(function($) {

    $.fn.maiorAltura = function() {

        var max = 0;

        this.each(function() {
            max = Math.max(max, $(this).height());
        });

        return max;
    };

})(jQuery);

//obtem a maior altura entre os elementos que tem a class .box
var maiorAltura = $(".box").maiorAltura();

//joga o resultado no elemento com .resultado
$(".resultado").html(maiorAltura);