me gustaría poder crear un bucle creando filas de una tabla html dentro de un modal al abrirlo, actualmente utilizo la herramienta de map de javascript y crea múltiples filas al abrir el modal una y otra vez cada vez que se abre, cuando el funcionamiento correcta es sólo una vez. Anexo el código para una mejor comprensión del problema:
$(document).ready(function() { $(".editAttribute").click(function() { //Función al oprimir el botón del modal para visualizar la tabla
Object.keys(attributesJson).map(key=>{ //Iteración con la herramienta map para recorrer mi objeto (Aclaro que está en JSON)
attributesJson[key].map((values, index)=>{ //Procede a crear filas HTML
var html = '<tr style="text-align: center;">';
html += '<td class="col-md-5 offset-md-2"><input type="text" name="tituloAttribute[]" readonly value="'+values.titulo+'" class="form-control inputs"/></td>';
html += '<td class="col-md-5 offset-md-2"><input type="text" name="contenidoAttribute[]" value="'+values.contenido+'" class="form-control inputs"/></td>';
$('#contentAttributesActivo').append(html);
});
});
});
Anexé el código necesario para entender cual es la problemática, al realizar la función de abrir el modal, crea las fila del html, pero al cerrar el modal y volverlo abrir, se concatena creando aún más filas cuando debería de mantener una sola vez la tabla. Espero puedan ayudarme
$('#contentAttributesActivo').html("")
antes demap()
html()
no es una variable, es una funcion dejQuery