JSFiddle - React, Tailwind, and code Playground

by Marcelo Dênis

HTML

<div id="els">
    <div modelo="true" class="el" subdemandaid="0">
        <input type="checkbox" name="t" class="ckb" /> Teste
        <button class="btn">Teste btn</button>
    </div>
</div>
<button id="clona">Clona</button>

CSS

div {border: solid 1px;margin-bottom:30px;padding: 5px;}

JavaScript

$(document).ready(function() {
    var id = 1;
    $('#clona').on('click', function(event){
        $( "div[modelo='true']" ).clone().attr({subdemandaid:id, modelo:'false'} ).appendTo( "#els" );
        id++;
	});
    
    $('#els').on('click','.ckb', function(event){
        alert($(this).parent().attr("subdemandaid"));
    });
    
    $('#els').on('click','.btn', function(event){
        alert($(this).parent().attr("subdemandaid"));
    });
});