En este código necesito eliminar el elemento "<li>" completo cuando se pulse el botón Eliminar. Sólo deseo quitar los que tengan el checkbox activado:
Código HTML:
Ver original <li class="lista" id="lista-1"> Lista 1
<input type="checkbox" class="check" id="eliminar-1" /> <li class="lista" id="lista-2"> Lista 1
<input type="checkbox" class="check" id="eliminar-2" /> <li class="lista" id="lista-3"> Lista 1
<input type="checkbox" class="check" id="eliminar-3" />
<input type="button" id="eliminar" value="eliminar" />
A fin de lograrlo estoy intentándolo con la función
.remove():
Código Javascript
:
Ver original<script type="text/javascript">
$(function() {
$("#eliminar").click(function () {
$('.check:checked').remove();
});
});
</script>
Actualmente sólo consigo eliminar el checkbox, pero no el padre de
.check (la lista), el cual es el que me interesa quitar ¿Cómo le hago?.
Si desean ver el código en funcionamiento, por favor diríjanse aquí:
http://jsfiddle.net/darioferrer/z5JGT/