Supongamos que el objeto jQuery es $target
.Cómo destruir un elemento DOM con jQuery?
Respuesta
¿Es $target.remove();
lo que estás buscando?
Usted está buscando la función .remove()
.
Si desea destruir completamente el objetivo, que tienen un par de opciones. En primer lugar se puede retirar el objeto del DOM como se describió anteriormente ...
console.log($target); // jQuery object
$target.remove(); // remove target from the DOM
console.log($target); // $target still exists
Opción 1 - A continuación, reemplace objetivo con un vacío objeto jQuery (jQuery 1.4+)
$target = $();
console.log($target); // empty jQuery object
Opción 2 - O bien elimine la propiedad en su totalidad (causará un error si la hace referencia en otro lugar)
delete $target;
console.log($target); // error: $target is not defined
Más lectura: info about empty jQuery object y info about delete
gran explicación – neokio
Por qué 'delete $ target' no funcionará: http://perfectionkills.com/understanding-delete/#misconceptions ¿Por qué no funciona' $ target = null'? – LeeGee
@LeeGee - ¿Puedes resumir tu publicación para explicar por qué la eliminación no funcionará para los objetos jQuery? ¿Por qué parece funcionar cuando miramos console.log ($ target) al final? Gracias. – Luke
- 1. ¿Cómo agrego un elemento DOM con jQuery?
- 2. Extendiendo un elemento DOM con jQuery
- 3. ¿Cómo puedo convertir un elemento DOM en un elemento jQuery?
- 4. jQuery objeto y elemento DOM
- 5. cómo conseguir un elemento DOM de un selector de jQuery
- 6. Convertir elemento de jQuery para un elemento DOM regulares
- 7. Mover un elemento DOM con append()?
- 8. elemento de jQuery obtener DOM como cadena
- 9. Cómo descargar/destruir correctamente un elemento de VIDEO
- 10. Agregar un elemento al DOM con JavaScript
- 11. jQuery: añadir elemento DOM si no existe
- 12. elemento DOM DOM eliminar
- 13. Retire el elemento DOM partir de una variable con jQuery
- 14. JQuery eliminar elemento DOM después de desvanecer
- 15. PHP DOM elemento de reemplazo con un nuevo elemento
- 16. Asociar datos a un elemento DOM para jQuery
- 17. jQuery mueve el elemento DOM dentro del elemento primario
- 18. DOM: ¿Cómo detectar un nuevo elemento secundario?
- 19. Como eliminar el elemento dom
- 20. Cómo extender DOM elemento como una clase (sin jQuery)
- 21. Cómo eliminar el elemento dom del objeto jquery
- 22. ¿Cómo atraviesa jQuery el DOM?
- 23. XHTML DOM manipulación con jQuery
- 24. jQuery obtener nodo DOM?
- 25. ¿Cómo eliminar un elemento lentamente con jQuery?
- 26. dojo: destruir todos los widgets por nodo dom
- 27. ¿Cómo puedo vincular todos los eventos en un elemento DOM?
- 28. jQuery .each() devuelve un elemento DOM y no un objeto jQuery
- 29. cómo eliminar el elemento creado con jquery?
- 30. jQuery: comprobar si la variable de entrada es elemento DOM
Por supuesto esto sólo lo quita del documento visible. Si hay otras referencias al nodo desde JavaScript, como la variable $ target en sí misma, el objeto escapará al recolector de basura por ahora. Si quieres DESTRUIRLO, también debes perder todas las referencias. Sin embargo, no estoy muy seguro de por qué querrías DESTRUIR un elemento DOM. Tal vez solo odies $ target. Pobre $ objetivo, ¿qué te hizo alguna vez? – bobince
$ target es amable cuando está solo, pero se pone desagradable cuando tiene alrededor de sus 100.000 amigos clonados. –
Will '.empty()' ¿tiene un efecto similar? –