JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <tr>
            <td>ONE</td>
            <td>TWO</td>
        </tr>
    </thead>
    <tbody id="table_tbody">
        
    </tbody>
</table

JavaScript

$(document).ready(function() {
    var element = $("<tr>").append($("<td>").text("bla1"))
                            .append($("<td>").text("bla2"));
    
    for (var ind = 0; ind < 10; ++ind) {
       var elem = element.clone();
       elem.children().next().first().attr("id", "table_td" + ind.toString());
       $('#table_tbody').append(elem);
        $("#table_td" + ind.toString()).click( playerFunc.bind({playerID: 0}) );
	   console.log($("#table_td" + ind.toString()));
    }
                        
});


function playerFunc (){
	alert("hren" + this.playerID);
}