JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0" class="shop_table cart">
  <tbody>
    <tr data-id="1212">
      <td class="product-remove">
        <a title="eliminar" class="remove" href="#">
          eliminar
        </a>
      </td>
      <td>imagen</td>
      <td>nombre</td>
      <td>cantidad</td>
      <td>precio</td>
      <td>total</td>
    </tr>
    
     <tr data-id="43235">
      <td class="product-remove">
        <a title="eliminar" class="remove" href="#">
          eliminar
        </a>
      </td>
      <td>imagen</td>
      <td>nombre</td>
      <td>cantidad</td>
      <td>precio</td>
      <td>total</td>
    </tr>
    
     <tr data-id="434">
      <td class="product-remove">
        <a title="eliminar" class="remove" href="#">
          eliminar
        </a>
      </td>
      <td>imagen</td>
      <td>nombre</td>
      <td>cantidad</td>
      <td>precio</td>
      <td>total</td>
    </tr>
    </tbody>
  </table>

JavaScript

$(document).ready(function() {
    $('a.remove').click(function(e) {

      var row  = $(this).parents("tr");
      var id   = row.data("id");

      alert(id);
    });
});