JSFiddle - React, Tailwind, and code Playground

by Laxmikant Dange

HTML

<table id="table">
    <tbody>
        <tr id="1"></tr>
        <tr id="2"></tr>
        <tr id="3"></tr>
        <tr id="4"></tr>
        <tr id="5"></tr>
        <tr id="6"></tr>
        <tr id="7"></tr>
        <tr id="8"></tr>
    </tbody>
</table>

JavaScript

function foo(i) {
  console.log(i)
  //dostuff 
};

for (i = 1; i < 8; i++) {
  var clas = "something";
  for (j = 0; j < 96; j++) {

    // tbody > #(i) is a <tr>
    $("#table > tbody > #" + i).append(function() {
      // I want to give ( i , j ) to foo
      return $("<td id='" + j + "' class='" + clas + "'><button>Click me</button> </td>").data({i:i,j:j}).on("click", (function(i,j){
          return function(e){
			foo({i,j})
          }
      })(i,j));
    });

  };
};