JSFiddle - React, Tailwind, and code Playground

by kboucher

HTML

<div id="first-div" class="viewport" style="height:200px"></div>
<div class="viewport" style="height:300px"></div>
<div class="viewport" style="height:400px"></div>

JavaScript

;(function( $ ){
    $.fn.getTallest = function() {
        // your plugin logic
        var elementHeights = [];

        this.each( function () {
            elementHeights.push( this.height() );
        } );

        alert( elementHeights );
    };
})( jQuery );

$( '.viewport' ).getTallest();
$( '#first-div' ).getTallest();

var app = {
  
    init: function () {
    
        var $viewports = $( '.viewport' );
        this.getTallest( $viewports );
        
    },
  
    getTallest: function ( $collection ) {

        var elementHeights = [];

        $collection.each( function () {
            elementHeights.push( this.height() );
        } );

        alert( elementHeights );
    }

};
    
//window.onload = app.init;