¿Cómo puedo obtener los valores de un botón que se repite múltiples veces?, tengo una tabla que para editar una fila abre un modal (adjunto imagen), quisiera obtener los valores del boton eliminar para poderlos usar en ajax para posterior borrarlos de la base de datos, el asunto que tengo es que quisiera que esos valores se almacenen en una única variable para pasarlas por parámetros por ajax y usarlos posteriormente en un controlador y en un modelo. Ayuda por favor.
El botón tiene su id unico.
Imagen donde quiero obtener los valores del boton y ponerlos en una unica variable
Este es mi codigo donde imprimo los datos que recibo del ajax en el modal y posterior dibujar la minitabla donde estan los metros y el precio final
1.
data.post[1].forEach(item => {
// Crea contenido HTML de la fila
// Agrega un campo oculto para saber qué es lo que se está modificando
let html = `<tr>
<td>
<input type="hidden" name="editarIdPloteo[]" value="${item.ID_OTPloteo}">
<input type="text" name="editarMetrosTotalPloteo[]" class="editarMetrosTotalPloteo form-control"
value="${item.Precio_OTPloteo}">
</td>
<td>
<input type="text" class="form-control editarImporteMetrosPloteo" name="editarImporteMetrosPloteo[]"
value="${(item.Importe_OTPloteo)}" readonly>
</td>
<td>
<a href="#" id="eliminarMetros" value="${(item.ID_DetalleOTPloteo)}" class="btn btn-danger btn-icon"
type="button"><i class="icon-trash"></i></a>
</td>
</tr>`;
// Agrega fila a la tabla
$('.tablaEditarAgregarPloteo').append(html);
});
/* AGREGAR COLUMNAS A LA MINI TABLA EDITAR OT PLOTEO */ $('#editarAgregarPloteo').on('click', function () {
/* OBTENCION DEL VALOR DEL INPUT */
let datos = $('#editarMetrosPloteo').val()
if (datos != '') {
/* PROCESO PARA AUMENTAR LAS FILAS EN LA TABLA PARA AGREGAR METROS */
tabla = `<tr>`;
tabla += `<td><input type="text" name="editarMetrosTotalPloteo[]" class="editarMetrosTotalPloteo
form-control" value="${datos}"></td>`;
tabla += `<td><input type="text" class="form-control editarImporteMetrosPloteo" name="editarImporteMetrosPloteo[]"
value="${(datos * 1.25).toFixed(2)}" readonly></td>`;
tabla += `<td><a href="#" id="eliminarMetros" value="" class="btn btn-danger btn-icon" type="button"><i
class="icon-trash"></i></a></td>`;
tabla += `</tr>`;
/* DIBUJAR LA TABLA EN LA TABLA RESPECTIVA EN EL HTML */
$('.tablaEditarAgregarPloteo').append(tabla);
editarCalculosMetrosPloteo()
$('#editarAgregarPloteo').val(null);
/* FUNCION PARA HACER LOS CALCULOS */
}
/* LIMPIEZA DEL INPUT DESPUES DE AGREGAR LOS METROS */
$('input[name=editarMetrosPloteo]').val('');
/* ELIMINACION INDIVIDUAL DE LOS METROS CUANDO LA TABLA YA ESTA CREADA */
$(document).on('keyup', '.tablaEditarAgregarPloteo input.editarMetrosTotalPloteo', function () {
/* OBTENER EL VALOR DEL INPUT */
let metros = $(this).val();
// alert(metros)
/* CALCULOS */
let importe = (metros * 1.25).toFixed(2)
/* IMPRESION EN EL INPUT READONLY DE LA COLUMNA DE IMPORTES */
$(this).closest('tr').find('td:eq(1)').children('input').val(importe)
})
}); $(document).on('click', '#eliminarMetros', function () {
$(this).closest('tr').remove()
editarCalculosMetrosPloteo() })