Estoy haciendo una aplicación de creación de facturas y quiero dar al usuario la posibilidad de crear filas dinámicamente.
$(document).ready(function(){
nRows = 0;
$("#addRow").click(function(){
nRows ++;
idRow = "row"+nRows;
console.log(idRow);
$(".array").append('<div class="row" id="'+idRow+'"><input class="producto" type="text" placeholder="Producto" value=""><select class="tipo-unidad" name=""><option value="Hr">Horas</option><option value="Ud">Unidades</option><option value="Kg">Kilos</option></select><input class="precio" type="text" placeholder="Precio" value="0"><input class="cantidad" type="text" placeholder="Cantidad" value="0"><span class="total">0</span><a class="removeRow" href="#">-</a></div>');
selectors();
});
}
y, también quiero que el usuario pueda eliminar dichas filas. He probado esto, pero solo funciona con la primera fila (creada estáticamente con HTML):
$("a").click(function(){
$(this).parent().remove();
});
Gracias de antemano