JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.2.3.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<table class="table table-striped">
  <thead>
    <tr>
      <th>Col 1</th>
      <th>Col 2</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>ABC</td>
      <td>DEF</td>
      <td><a class="btn btn-default edit_row_dt" data-id="1">Editar</a></td>
    </tr>    
    <tr>
      <td>GHI</td>
      <td>JKL</td>
      <td><a class="btn btn-default edit_row_dt" data-id="2">Editar</a></td>
    </tr>    
  </tbody>
</table>


<div class="modal fade" tabindex="-1" role="dialog" id="edit">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>One fine body&hellip;</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

JavaScript

$('a.edit_row_dt').on('click', function(e) {
    e.preventDefault();
		
    var item_id = $(this).data('id');
    var row = $(this).closest('tr');

    $('#edit').load('edit.php', {"id" : item_id}, function(){
            $('#edit').modal();

            $('#edit').one('hidden.bs.modal', function(event) {
                event.preventDefault();
                alert(item_id); // aqui 
                //$('.modal-dialog').remove();
            });
        }
    );
});