JSFiddle - React, Tailwind, and code Playground

by wirey00

HTML

<button class='test'>test</button>

<div id='tpar'>
    <button class='testing'>delegate</button>
</div>

JavaScript

$(function(){
    $('.test').click(function(){
       console.log('test was clicked'); 
       $(this).removeClass('test').addClass('test1');
    });
    $('.test1').click(function(){
       console.log('test1 was clicked'); // never gets here
    });
    
    $('#tpar').delegate('.testing','click',function(){
       console.log('testing was clicked'); 
       $(this).removeClass('testing').addClass('testing1');
    });

    $('#tpar').delegate('.testing1','click',function(){
       console.log('testing1 was clicked'); // this works 
    });
});