JSFiddle - React, Tailwind, and code Playground

Fieldset / block event triggering for content update.

by Ben Clayton

HTML

<div class="cc">
    <fieldset class='block'>
        <input class="but" value="" />
    </fieldset>
    <fieldset class='block'>
        <input class="but" value="" />
    </fieldset>
    <fieldset class='block'>
        <input class="but" value="" />
    </fieldset>
</div>

<button class="add_events">Add Events</button>

JavaScript

$(document).ready(function(){
    
    $('fieldset').on("content_update",function(ev){
        if($(this).hasClass('.initialised')) return;
        $(this).addClass('.initialised');
        
        $(ev.target).find('.but').on('click',function(){
            $(this).val($(this).val() + 'X');
        });
        
    });
    
    //$('fieldset').trigger("content_update");
    
    $('.add_events').on("click",function(ev){
        $('fieldset').trigger("content_update");
    });
   
   
});