JSFiddle - React, Tailwind, and code Playground

by Joe Saad

HTML

<div id="element">Et auctor et amet mid aliquam nisi. Adipiscing. Dis odio elementum penatibus tortor magna! Nascetur, mauris et risus placerat duis elit est, cum rhoncus, enim porttitor dignissim pellentesque, magna parturient placerat aliquam, lacus ridiculus ridiculus proin? Massa amet in dictumst odio rhoncus amet a, diam porta, elementum aliquam? </div>

<div id="element2">Et auctor et amet mid aliquam nisi. Adipiscing. Dis odio elementum penatibus tortor magna! Nascetur, mauris et risus placerat duis elit est, cum rhoncus, enim porttitor dignissim pellentesque, magna parturient placerat aliquam, lacus ridiculus ridiculus proin? Massa amet in dictumst odio rhoncus amet a, diam porta, elementum aliquam?Et auctor et amet mid aliquam nisi. Adipiscing. Dis odio elementum penatibus tortor magna! Nascetur, mauris et risus placerat duis elit est, cum rhoncus, enim porttitor dignissim pellentesque, magna parturient placerat aliquam, lacus ridiculus ridiculus proin? Massa amet in dictumst odio rhoncus amet a, diam porta, elementum aliquam?Et auctor et amet mid aliquam nisi. Adipiscing. Dis odio elementum penatibus tortor magna! Nascetur, mauris et risus placerat duis elit est, cum rhoncus, enim porttitor dignissim pellentesque, magna parturient placerat aliquam, lacus ridiculus ridiculus proin? Massa amet in dictumst odio rhoncus amet a, diam porta, elementum aliquam? </div>

<script type="text/javascript">
    $(document).ready(function(){
       var tallest = $('div').maxHeight(); 
       alert(tallest);
    }); 
    
    
</script>

CSS

div {border:2px solid blue; margin:10px;}

JavaScript

(function( $ ){

  $.fn.maxHeight = function() {
  
    var max = 0;

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

    return max;
  };
})( jQuery );