JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="v1">A</div>
    <div id="v2">B</div>
    <div id="v3">C</div>
    <div id="v4">D</div>
</div>

JavaScript

$(document).ready(function(){
    $("#wrapper").on("click", function() {
        var $this = this;
        for (var v = 0; v <= 4; v++) {
            (function() {
                var i = v;
                $("#v" + i).on("click", function(e) {               
                    e.stopPropagation();
                    alert('hi' + i);
                });
            })();
        }    
    }); 

});