Estoy creando una app de tareas con jQuery, para practicar nada más pero tengo un problema a la hora de eliminar una tarea, aquí les dejo el código espero puedan ayudarme
El código jQuery es:
$(".agregarBtn").click(function(){
var texto = $(".agregarTxt").val();
var cuadro = $('<div></div>').text(texto);
var boton = $("<button class='btn-delete'>Eliminar</button>");
cuadro.attr("class","tarea");
cuadro.append(boton);
$(".tareas_nuevas").prepend(cuadro);
$(".agregarTxt").val("");
$(".btn-delete").fadeOut();
});
$(".btn-erase").click(function(){
$(".btn-delete").fadeToggle();
});
//Esta es la función para eliminar las tareas
$(".btn-delete").click(function(){
$(this).parent().slideUp();
});
Código HTML
<div class="entrada">
<input class="agregarTxt" type="text" placeholder="Entrada nueva"/>
<button class="agregarBtn">Agregar</button>
<button class="btn-erase">Eliminar tareas</button>
</div>
<div class="tareas_nuevas">
<!--AQUI VAN LAS TAREAS NUEVAS-->
</div>