JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<table border="1" width="100%">
  <thead>
    <tr>
      <th>#</th>
      <th>Id</th>
      <th>Name</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>
        <a>Edit</a>
      </td>
    </tr>
    <tr>
      <td>99</td>
      <td>2</td>
      <td>3</td>
      <td>
        <a>Edit</a>
      </td>
    </tr>
    <tr>
      <td>1234</td>
      <td>2</td>
      <td>3</td>
      <td>
        <a>Edit</a>
      </td>
    </tr>
  </tbody>
</table>

<button id="test">add row</button>

JavaScript

$(document).ready(function() {
  $('tbody').on('click', 'a', function() {
    var value = $(this).closest('tr').find('td').first().text();
    alert(value);
  });
  
  $('#test').on('click', function(){
      $('tbody').append('<tr><td>foo</td><td>foo</td><td>foo</td><td><a>Edit</a></td></tr>');
  });
});