JSFiddle - React, Tailwind, and code Playground

by nosfan1019

HTML

<div class="aaa">
    <input type='text' class='bbb'>
    <span></span>
</div>
<div class="ccc">
    <input type='text' class='ddd'>
    <span></span>    
</div>
<div class="eee">
    <input type='text' class='fff'>
    <span></span>    
</div>

CSS

body {
    margin: 50px;
}

input {
    display: inline-block;
    margin: 10px 0;
}

JavaScript

$(function() {
    var blah = ('<a href="#">click</a>');
    
    $("body").mousedown(function(event) {
        et = event.target;
        mmm = $(et).closest('div').attr('class');
        pdiv = ('.' + mmm);
        
        if ($(et).parent().is(pdiv)) {
            $(pdiv + ' span').html(blah);
        } 

        });


    });