JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

CSS

td  { background-color:yellow}

JavaScript

/*Click a td:first to test function execution*/
//$("td:first").click(someFunc);

/*Store data as a part of the event handler*/
$("td:first").click(someFunc).data('mydata','helloWorld');
var test = $("td:first").click(someFunc).data('mydata');
console.log(test);

/*Store object as a part of the event handler*/
$("td:first").click(someFunc).data('myObject', {some_id: 11});
var test2 = $("td:first").click(someFunc).data('myObject');
console.log(test2);

function someFunc(event)
{
    console.log('someFunc() executed');
}