obtengo un json como respuesta de una consulta a mi base de datos y dentro del json traigo un array con la siguiente información.
ahora cuando recorro ese array me esta duplicando el primer registro como se muestra en la imagen arriba.
el código que estoy usando es el siguiente.
function cargaInversionitas(items) {
$('#TablaSocios > tbody').empty();
var item_add = '';
console.log(items);
items.forEach(function (item) {
item_add += '<tr class="itemSocio">';
item_add += '<td><input type="text" class="form-control Apellidos" value=' + item.Apellidos + '></td>';
item_add += '<td><input type="text" class="form-control Nombres" value=' + item.Nombres + '></td>';
item_add += '<td><input type="text" class="form-control Porcentaje" value=' + item.Porcentaje + '></td>';
item_add += '<td class="tb-col-action text-center"><a href="#" class="link-cross me-sm-n1 removerSocio"><em class="icon ni ni-cross"></em></a></td>';
item_add += '</tr>';
$('#TablaSocios > tbody').append(item_add);
})
}
podrían apoyarme para saber cual es la problemática.