JSFiddle - React, Tailwind, and code Playground

by borayeris

HTML

<h1>Heading 1</h1>
<div class="demo">
    Click here for sequence.<br>
    The sequence will be: 5, 1, 2, 3, 4
</div>

CSS

.demo {
    cursor: pointer;
    border: 3px solid #FF0000;    
}

JavaScript

$(document).ready(function(){
    $.fn.bindFirst = function(name, fn) {

        this.on(name, fn);
        this.each(function() {
            var handlers = $._data(this, 'events')[name.split('.')[0]];
            var handler = handlers.pop();
            handlers.splice(0, 0, handler);
        });
    };

    $("div").click(function() { alert("1"); });
    $("div").click(function() { alert("2"); });
    $("div").click(function() { alert("3"); });
    $("div").click(function() { alert("4"); });  
    $("div").bindFirst('click', function() { alert("5"); });

});