JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<table>
  <tr>
    <td>row 1</td>
    <td>row 1</td>
    <td>row 1</td>
      <td><span data-id="001">X</span></td>
  </tr>
  <tr>
    <td>row 2</td>
    <td>row 2</td>
    <td>row 2</td>
    <td><span>X</span></td>
  </tr>
  <tr>
    <td>row 3</td>
    <td>row 3</td>
    <td>row 3</td>
    <td><span>X</span></td>
  </tr>
  <tr>
    <td>row 4</td>
    <td>row 4</td>
    <td>row 4</td>
    <td><span>X</span></td>
  </tr>
  <tr>
    <td>row 5</td>
    <td>row 5</td>
    <td>row 5</td>
    <td><span>X</span></td>
  </tr>
</table>

CSS

span{cursor:pointer; color:red;}
table, tr td{border:1px solid #999;}
tr td{padding:15px 25px;}
table{margin:25px;}

JavaScript

$('table td span').click(function(e){
		console.log(e.target.data)
    $(this).parent().parent().remove();
});