Hola amigos estoy utilizando jquery y creando una papelera donde poder soltar divs,
cuando un div es soltado en la papelera debe de ser eliminado, el problema es que no se cual es el div que debo eliminar puesto que no se su id desde dentro de la función droppable, cuando uso this.id lo que obtengo es el id de la papelera, pero no el de el div a eliminar.
aqui dejo el código, gracias de antemano
Código HTML:
<script>
$(document).ready(function() {
$(".draggable").draggable({ revert: true });
$(".droppable").droppable({
drop: function() {
confirmar=confirm("¿Desea eliminar el elemento?");
if (confirmar){
document.getElementById("papvacia").style.display="inline";
document.getElementById("papllena").style.display="none";
$(".draggable").remove(); //se eliminan todos y solo quiero uno el que esta utilizando el drag
}
}
});
});
</script>
</head>
<body>
<div id="titulo">
<h1>Ejercicio 3 (Drag and Drop)</h1>
</div>
<div id="cuerpo" >
<img id="papvacia" class="droppable" src="papelera1.png" alt="Papelera1" style="display:none">
<img id="papllena" class="droppable" src="papelera.png" alt="Papelera2" style="display:inline">
<br/>
<div id="uno" class="draggable">Uno</div>
<div id="dos" class="draggable">Dos</div>
<div id="tres" class="draggable">Tres</div>
</div>
</body> hay dos imágenes una papelera vacía para cuando no he eliminado y otra llena para cuando he eliminado algún objeto