Estoy tratando de eliminar una fila cuando se hace clic en el botón Eliminar.

 <tbody> {% for dt in data %} <tr> <td> <i class="fa fa-external-link user-profile-icon"></i> <a href="{{dt.url}}" target="_blank">{{dt.url}}</a> </td> <td>{{dt.modified}}</td> <td> <button type="button" class="fa fa-trash-o btn btn-danger" data-toggle="modal" data-target="#exampleModal{{forloop.counter}}">Delete</button> </td> <div class="modal fade bd-example-modal-lg" id="exampleModal{{forloop.counter}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModal{{forloop.counter}}">DELETE</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <p> Are you sure you want to delete this row </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button> <button type="submit" class="btn btn-primary">Yes</button> </div> </div> </div> </div> </tr> {% endfor %} </tbody>

Cuando hago clic en el botón Eliminar, aparece un modal para confirmar y cuando hago clic en Sí, tengo que enviar el {{dt.url}} para el botón Eliminar correspondiente. Podría usar la etiqueta de entrada con tipo oculto y establecer el valor de entrada con {{dt.url}} . No puedo comprobar en qué botón Eliminar se ha hecho clic. Por favor ayuda.