Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/05/2011, 16:54
Avatar de metacortex
metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 20 años, 6 meses
Puntos: 832
[JQuery] Eliminar elemento padre

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
  1. <ul id="contenedor">
  2.     <li class="lista" id="lista-1">
  3.         Lista 1
  4.         <input type="checkbox" class="check" id="eliminar-1" />
  5.     </li>
  6.     <li class="lista" id="lista-2">
  7.         Lista 1
  8.         <input type="checkbox" class="check" id="eliminar-2" />
  9.     </li>
  10.     <li class="lista" id="lista-3">
  11.         Lista 1
  12.         <input type="checkbox" class="check" id="eliminar-3" />
  13.     </li>
  14. </ul>
  15.  
  16. <input type="button" id="eliminar" value="eliminar" />
A fin de lograrlo estoy intentándolo con la función .remove():
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. $(function() {
  3.     $("#eliminar").click(function () {
  4.       $('.check:checked').remove();
  5.     });
  6. });
  7. </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/