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

jQuery.fn.maiorAltura = function() {

    var max = 0;

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

    return max;
};

var maiorAltura = $(".box").maiorAltura();

$(".resultado").html(maiorAltura);