JSFiddle - React, Tailwind, and code Playground

by Ozren Tkalčec Krznarić

HTML

<table id="myTableData">
    <tr>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
    </td>
    <tr>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
    </td>
    <tr>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
    </td>
</table>

CSS

table td {
    border: 1px solid
}

JavaScript

$(document).ready(function () {
  $('#myTableData tr').each(function() {
    $(this).on(
      'click', 
      'td:lt(2)', 
       function() {
         alert('hello');
    });
  });
});